vue cli3 配置 copy-webpack-plugin 拷贝文件

原文链接: vue cli3 配置 copy-webpack-plugin 拷贝文件

上一篇: vue 创建pwa 项目 官方插件

下一篇: vue 使用原生 worker 进行后台计算

实现 将 worker.js 拷贝到dist目录下的worker目录下

vue.config.js 配置

let path = require('path')

let publicDir = path.resolve('public')
// console.log(publicDir)
let workerPath = path.resolve(publicDir, 'worker.js')
// console.log(workerPath)
module.exports = {
    // 基本路径
    publicPath: '/',
    // 输出文件目录
    outputDir: 'dist',
    // 用于嵌套生成的静态资产（js，css，img，fonts）的目录。
    assetsDir: '',

    // 第三方插件配置
    chainWebpack: config => {
        config.plugin('copy')
            .use(require('copy-webpack-plugin'),
                [
                    [{
                        from: workerPath,
                        to: './worker',
                        // ignore: publicCopyIgnore
                    }]
                ]);
    }
}