webpack配置文件作用

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')
}
``

猜你喜欢

转载自blog.csdn.net/pansuyong/article/details/81508384