1、不能通过require使用node内置模块

使用import

2、使用element-plus的语言包有问题

解决：
将lib目录修改为dist目录

juejin.cn/post/725680…

3、 sass

**解决： **

npm i -D sass

4、path模块

juejin.cn/post/713009…

报错： Cannot find name '__dirname'

blog.csdn.net/qq_41839808…

6、 css预处理器变量

需要配置

css: {
    /* CSS 预处理器 */
    preprocessorOptions: {
      scss: { // 全局可以使用以下定义的变量
        additionalData: `@import "src/assets/styles/variables.scss";@import "src/assets/styles/mixin.scss";`,
      }
    }
},

7、eslint

修改文件名： .eslintrc.js -> .eslintrc.json
文件内容为json格式
import/resolver改成：

"import/resolver": {
    "alias": {
        "map": [["@", "./src"]],
        "extensions": [".js", ".jsx", ".ts", ".tsx"] // // TODO(TS)
    }
}

8、设置组件名

juejin.cn/post/707590…

9、 引入node_modules中的文件

需要引入mjs文件，而不是js文件

import ZhLocale from 'element-plus/dist/locale/zh-cn.min.mjs';
import EnLocale from 'element-plus/dist/locale/en.min.mjs';