使用若依打包生产环境和测试环境的时候出现
Cannot find module @/xxx/xxx
感谢大佬的方法
https://blog.csdn.net/yorcentroll/article/details/131061585
大概是因为bable配置导致的
根据提供的方法进行配置
// bable.config.js
module.exports = {
presets: [
// https://github.com/vuejs/vue-cli/tree/master/packages/@vue/babel-preset-app
// '@vue/cli-plugin-babel/preset'
'@vue/babel-preset-jsx',
[ '@babel/preset-env',
{
'useBuiltIns': 'entry',
'corejs': 3
}]
],
'env': {
'development': {
// babel-plugin-dynamic-import-node plugin only does one thing by converting all import() to require().
// This plugin can significantly increase the speed of hot updates, when you have a large number of pages.
'plugins': ['dynamic-import-node']
},
}
}
// permission.js
export const loadView = (view) => { // 路由懒加载
if (process.env.NODE_ENV === 'development') {
return (resolve) => require([`@/views/${view}`], resolve)
} else {
// 使用 import 实现生产环境的路由懒加载
return () => import(`@/views/${view}`)
}
}
若依.env文件增加如下配置
BABEL_ENV = production
需要安装以下依赖
npm install babel-plugin-dynamic-import-node@^2.3.3 --save-dev
npm install @babel/preset-env@7.22.5 --save-dev