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

#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页面写法

#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

你可能感兴趣的:(webpack替换html,js)