webpack不打包某个文件

项目里有个server.config.js文件,里面定义了数据接口.为了不用每次修改都要重新运行,我们将其单独抽离出来.

• 在index.html中引入

...
<script src="<%= htmlWebpackPlugin.options.path %>server.config.js"></script>
...

• 配置webpack的externals

    externals: {
        _config: 'server_config'
    }

externals左右变量是要在组件中import的名称,右边是server.config.js里定义的变量名.

// server.config.js
const server_config = {
    VIDEO_PORT: 'http://192.168.31.99:8080',
    MAP_PORT: 'http://192.168.33.237:3000/controllerMap'
}

• 使用copy-webpack-plugin将server.config.js复制到打包之后的目录

// webpack.config.js
const CopyWebpackPlugin = require('copy-webpack-plugin');
...
    plugins: [
        new CopyWebpackPlugin([{
            from: path.resolve(__dirname, 'src/server.config.js'),
            toType: 'file'
        }])
]
...

copy-webpack-plugin默认将文件复制到打包目录下.
更多配置