htmlWebpackPlugin的使用
它将创建一个html文件,将打包好的各种如js、css模块引用进去,并通过提供的各种参数完成多种处理。
Vue Loader
vue-loader
是一个 webpack 的 loader,可以将.vue文件转换为 JavaScript 模块,
编写 Vue.js 应用程序时,组合使用 webpack 和 vue-loader
能带来一个现代,灵活并且非常强大的前端工作流程。
DefinePlugin
允许你创建一个在编译时可以配置的全局常量。这可能会对开发模式和发布模式的构建允许不同的行为非常有用。比如,你可能会用一个全局的常量来决定 log 在开发模式触发而不是发布模式。这仅仅是 DefinePlugin
提供的便利的一个场景。
new webpack.DefinePlugin({
'process.env': require('../config/dev.env'),
'BASE_URL':'"/sonyHost"',
'PRODUCTION': JSON.stringify(false),
'DEVELEPMENT': JSON.stringify(true),
}),
因为这个插件直接做的文本替换,给定的值必须包含字符串本身内的实际引号。通常,有两种方式来达到这个效果,使用 '"production"'
, 或者使用 JSON.stringify('production')
。
if (!PRODUCTION) {
console.log('Debug info')
}
if (PRODUCTION) {
console.log('Production log')
}
``