vue-cli使用脚手架安装，出现的各种问题

1.使用element-ui组件，按需加载(我一开始选择的是less，后来想换成sass，才会出现这种问题，一般直接使用脚手架装好是没问题的)

在babel.config.js中配置

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset',
    ["@babel/preset-env", { "modules": false }]
  ],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

需要安装  @babel/preset-env；

安装node-sass和sass-loader的版本，有限制条件，目前，安装sass-loader的版本是12.0.0，会出现下面这种报错

 

 原因是，sass-loader安装的时候，版本太高，和webpack已有的版本有冲突了，而我强制使用了cnpm进行成功安装，

这样可能导致，package-lock.js中，不同的依赖包对应的webpack的版本不一样了，就出现了这种问题

解决：

"node-sass": "^4.12.0", "sass-loader": "^8.0.2",

 

           

标签：vue,cli,sass,babel,loader,preset,版本,脚手架,安装
来源： https://www.cnblogs.com/fyjz/p/14841630.html