在vue.config.js中配置plugin

原创于 2020-08-06 16:18:29 发布 · 1.1w 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#plugin

webpack 专栏收录该内容

1 篇文章

订阅专栏

本文分享了在Vue项目中如何使用vue.config.js配置Webpack插件的具体方法，通过CopyWebpackPlugin实现IP地址配置文件的单独打包，适用于需要独立管理敏感配置信息的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

因为项目需求，需要将ip地址单独配置成文件，打包后要单独在一个js文件中，网上有许多配置webpack的文章，但是独独没有【在vue.config.js中配置plugin】的相关文章，所以做如下分享

const CopyWebpackPlugin = require("copy-webpack-plugin")
const path = require("path")
module.exports = {
    publicPath: "./",
    outputDir: "./server/dist",
    configureWebpack:{
        plugins: [
            new CopyWebpackPlugin(
                {
                    patterns:[{
                        from: path.resolve(__dirname, 'static'),
                        to: 'server',
                    }]
                }
        )
        ]},
    devServer: {
        port: XXXX,
        proxy:{}
    },
}