webpack.DefinePlugin与cross-env区别有哪些

这篇文章主要介绍webpack.DefinePlugin与cross-env区别有哪些，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

创新互联公司是一家专业提供盘州企业网站建设,专注与网站设计制作、成都网站制作、H5开发、小程序制作等业务。10年已为盘州众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。

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配置
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"
  }
}

以上是“webpack.DefinePlugin与cross-env区别有哪些”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

网站题目：webpack.DefinePlugin与cross-env区别有哪些
标题路径：https://www.cdcxhl.com/article4/pdoeoe.html

成都网站建设公司_创新互联，为您提供定制开发、营销型网站建设、网站策划、网站维护、外贸网站建设、品牌网站制作

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联