关注各种黑科技
B站UP主,编程教学,游戏玩家,挂B,金牛座

使用webpack打包前端工程10 resolve配置

配置里有2个

nodejs的path模块,类似python的os.path吧

const path = require('path');
path.resolve(__dirname, 'src')
// 同下
path: __dirname + '/src/',

代码模块路径解析的配置 类似加环境变量吧 默认不写应该只有一个node_modules

  resolve: {
    modules: [
      "node_modules",
      path.resolve(__dirname, 'src')
    ],

    extensions: [".wasm", ".mjs", ".js", ".json", ".jsx"],
  },

比较常用的还有resolve.alias,大家自己看看

像下面这种直接可以不接js后缀的,就是因为配置了 extensions列表
import * as common from './src/utils/common'

默认的列表在resolve.resolveLoader配置 只支持js 和json的import省略后缀

resolve: {
  resolveLoader: {
    extensions: ['.js', '.json'],
    mainFields: ['loader', 'main'],
  },
},

参考
https://webpack.docschina.org/configuration/resolve/#resolve-modules

转载请注明出处
分享到: 更多 (0)

评论 0