【vue】在vue.config.js文件中导入模块_vue.config不能import

作者：IT小白 | 2024-02-15 19:21:05

踩

vue.config不能import

由于 vue.config.js 是在构建项目时由 Webpack 读取的 Node.js 脚本文件，
而 Node.js 的import 语法只在 ES 模块中有效，
所以在 vue.config.js 中不能直接使用 import 来导入模块，
可以使用 CommonJS 的 require 来导入模块，如下：

// vue.config.js
const constant = require('./src/utils/constant')
console.log(constant.BASE_URL);
1
2
3

相对应的导出模块的写法应当是：

const BASE_URL = 'xxx' 
// constant.js
exports.BASE_URL = BASE_URL
1
2
3

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/86216