VUE使用webpack插件实现自定义打包过程(vue.config.js)

VUE使用webpack插件实现自定义打包过程(vue.config.js),第1张

该教程以复制文件为例 一、package.json 引入插件 copy-webpack-plugin
  "devDependencies": {
    "copy-webpack-plugin": "^11.0.0",
  },
二、vue.config.js配置插件
const {defineConfig} = require('@vue/cli-service')

const CopyWebpackPlugin = require("copy-webpack-plugin")
module.exports = defineConfig({
    configureWebpack: {
        plugins: [
            new CopyWebpackPlugin({
                patterns: [
                    {
                        from: './utools', //复制源
                        to: './'   //文件复制目标目录,./代表dist根目录
                    },
                ]
            })
        ],
    },
})
三、效果展示

以上 *** 作打包的时候将utools下文件copy到了dist根目录下
其他插件可参考官方文档 webpack plugin

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1296808.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-06-10
下一篇2022-06-10

发表评论

登录后才能评论

评论列表(0条)

    保存