使用webpack配置项目中的常量以及替换文件内容

2019独角兽企业重金招聘Python工程师标准>>>

#1、替换html中内容。比如替换js的cdn。 ##webpack的配置

const cdn = '//cdn.bootcss.com';
new ReplacePlugin({
      entry: './src/assignment-instructor.html',
      //hash: '[hash]',
      output: `${psweb_path}/assignment-instructor.html`,
      data: {react: ``}
    }),

##html页面写法

详细可参考 replace-webpack-plugin

#2、JS中常量的替换

webpack的配置 在plugins中加入

new webpack.DefinePlugin({
            'process.env.NODE_ENV': '"development"',
            'process.env.webSocket': '"192.168.0.193"'
        }),

##js中使用：

export const webSocketUrl = `ws://${process.env.webSocket}/notice/websocket`;

在js 使用｛｝将在webpack中定义的变量引入即可。 详细可参考webpack DefinePlugin

转载于:https://my.oschina.net/xuqiang/blog/738195