webpack.DefinePlugin与cross-env区别详解
webpack.DefinePlugin与cross-env常用于在项目工程化中定义环境变量，webpack.DefinePlugin用于在编译期定义环境变量，意味着在代码中写上process.env.NODE_ENV不会在编译期出现错误提醒；cross-env库用于在运行时定义环境变量
DefinePlugin用来做定义。这就类似于我们项目开发中的config文件一样，在config文件中一般放的是系统代码中的一些服务器地址之类的公共信息，我们将这些信息提取出来单独放在配置文件中，方便于后期的维护和管理。
//dev.env.js
module.exports={
NODE_ENV:'development'
}
//prod.env.js
module.exports={
NODE_ENV:'production'
}
//webpack配置
constenv=require('../config/dev.env')
module.exports={
entry:{},
output:{},
resolve:{
extensions:['.js']
}
module:{},
plugins:[
newwebpack.DefinePlugin({
'process.env':env.NODE_ENV
})
]
}
//package.json
{
"scripts":{
"dev":"webpack-dev-server--inline--progress--configbuild/webpack.dev.conf.js",
"build":"nodebuild/build.js",
"build:development":"cross-envNODE_ENV=devnodebuild/build.js",
"build:test":"cross-envNODE_ENV=testnodebuild/build.js",
"build:pre":"cross-envNODE_ENV=prenodebuild/build.js",
"build:prod":"cross-envNODE_ENV=prodnodebuild/build.js"
}
}
到此这篇关于webpack.DefinePlugin与cross-env区别详解的文章就介绍到这了,更多相关webpack.DefinePlugin与cross-env内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。