欢迎光临
我们一直在努力

webpack 使用变量标示环境

Package.json

"scripts": {
    "start": "yarn dev",
    "dev": "NODE_ENV=development webpack-dev-server --config ./config/webpack.config.dev.js",
    "build": "NODE_ENV=production webpack --config ./config/webpack.config.dev.js "
},

配置文件中区分

const isDev = process.env.NODE_ENV === 'development'
module.exports = {
  mode: isDev ? 'development' : 'production',
  entry: {
    app: resolve('src/main.js')
  },
  output: {
    path: resolve('dist/'),
    filename: isDev ? 'js/[name].js' : 'js/[name].[hash:8].js'
  },
  plugins: [
    ...,
    new MiniCssExtractPlugin({
      filename: isDev ? 'css/[name].css' : 'css/[name].[hash:8].css'
    })
  ],
  ...,
  devServer: {}
}
赞(0) 打赏
未经允许不得转载:散人研 » webpack 使用变量标示环境
分享到: 更多 (0)

评论 抢沙发

6 + 8 =
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏