webpack2配置有点不懂

resolve: {
    modules: [`${basePath}/src/js`, 'node_modules/'],
},
externals: {
    env: production ? '"pro"' : '"dev"'
},

上面这段配置是什么意思,求大神解释(查了api不太明白)


package.json里面的scripts设置NODE_ENV的时候是这样设置吗:
"dev": "set NODE_ENV=development
Q:mac下面设置也是这样?
mac下是这样吗:
export NODE_ENV=production

阅读 3.1k
1 个回答

关于 scripts 设置 NODE_ENV.
如果是 MacOS 或者 Linux, 可以采用

NODE_ENV=development && other cli

如果是 window7 以上系统则支持

set NODE_ENV=development

所以如果想要支持window/linux, 采用 cross-env 模块

------------ 分割线-------------

关于上面的webpack配置
resolve.modules 意思是 当你 import or require 资源时, 如果没有使用./ 相对路径表示,则自动从该路径加载资源,按照顺序匹配加载. 如:

import App from 'App.vue'
// 从 ${basePath}/src/js/ 文件夹 加载 App.vue
import Vue from 'vue'
// 从 node_modules 文件夹加载 vue

externals 表示你可以使用的额外的变量. 这样你就可以直接在脚本中使用env变量了,

console.log(env); // return pro or dev
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进