webpack.DefinePlugin与cross-env区别
webpack.DefinePlugin与cross-env常用于在项目工程化中定义环境变量，webpack.DefinePlugin用于在编译期定义环境变量，意味着在代码中写上process.env.NODE_ENV不会在编译期出现错误提醒；cross-env库用于在运行时定义环境变量
// dev.env.js
module.exports = {
NODE_ENV: 'development'
}
// prod.env.js
module.exports = {
NODE_ENV: 'production'
}// webpack配置
const env = require('../config/dev.env')
module.exports = {
entry: {},
output: {},
resolve: {
extensions: ['.js']
}
module: {},
plugins: [
new webpack.DefinePlugin({
'process.env': env.NODE_ENV
})
]
}// package.json
{
"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"build": "node build/build.js",
"build:development": "cross-env NODE_ENV=dev node build/build.js",
"build:test": "cross-env NODE_ENV=test node build/build.js",
"build:pre": "cross-env NODE_ENV=pre node build/build.js",
"build:prod": "cross-env NODE_ENV=prod node build/build.js"
}
}本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！