vue及插件版本信息
vue：2.7.14，webpack 3.6.0构建项目
情况描述
在vue中使用new Worker(‘./worker.js’)原生方法，引入woker.js子线程时，无法正常读取引入。于是乎就百度了一下，网上vue使用web worker的步骤。 1.安装使用 worker-loader
// 安装依赖包
npm install worker-loader -D
2.vue.config.js 完整配置
module.exports = {
chainWebpack(config) {
// set worker-loader
config.module
.rule(‘worker’)
.test(/.worker.js$/)
.use(‘worker-loader’)
.loader(‘worker-loader’)
.end();
},
parallel: false
}
3.将子线程js改成，woker.js后缀的，如demo.woker.js
import MyWorker from ‘./demo.worker.js’
new MyWorker()
然后就能愉快的使用了，但是由于我的项目中没有vue.config.js，于是乎我就完美的卡死在了第二步。
为什么没有vue.config.js
如果你vue2.x项目看多了，你会发vue中的配置文件有两种类型。1.根目录下有config文件夹，且里面有index.js文件2.根目录下有vue.config.js文件
那么问题就来了,为什么同为vue2.x的项目，却有着两种不同的配置文件呢？
这个问题之前一直困扰了我很久，刚开始以为是vue版本问题，最近才真正弄明白。
其实真正的原因是vue项目的构建访视不同，从而导致的配置文件的不同
1.vue init webpack 项目名称
使用该命令构建vue项目会出现config/index.js配置文件
2.vue create 项目名称
使用该命令构建vue项目会出现vue.config.js配置文件
解决方式
我在网上找了特别多的文章，基本上都需要配置vue.config.js文件。
在我一天的不懈努力下（与chatGPT对线）。终于在失败了n次后，找到了正确的解决方式
1.安装
worker-loader的0.8.8版本
注意必须是低版本的，否则后面对webpack的配置会报错，如果你已经安装了高版本的，建议先卸载
npm install worker-loader@0.0.8 --save-dev
2.在
webpack.base.conf.js文件中添加如下配置文章来源：https://www.toymoban.com/news/detail-737533.html
module: {
rules: [
{
test: /\.worker\.js$/,
use: { loader: 'worker-loader' }
}
]
然后重跑一下项目，就能愉快的使用web worker了！！！文章来源地址https://www.toymoban.com/news/detail-737533.html
到了这里，关于vue2.x项目没有vue.config.js时，web worker使用的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
