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

解决方案

关于 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

这篇关于webpack2配置有点不懂的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！