vue-cli使用

1. vue-cli安装

注意：webpack 4.X 开始，需要安装 webpack-cli 依赖

npm install webpack-cli -g

全局安装vue-cli

npm install vue-cli -g

2. 用vue-cli构建项目

vue init webpack vue-demo

3. vue-cli 中配置scss

npm i node-sass -D
npm i sass-loader -D

打开webpack.base.config.js在里面加入

{
    test: /\.scss$/,
    loader: ["style","css","sass"]
}

4. 配置less

npm i less less-loader -D

打开webpack.base.config.js在里面加入

{
    test: /\.less$/,
    loader: ["style","css","less"]
}

5. 导入mui

在main.js中添加

// 导入 MUI 的样式
import './lib/mui/css/mui.min.css';
// 导入扩展图标样式
import './lib/mui/css/icons-extra.css';
import './lib/mui/js/mui.min';

在根目录下的.babelrc中添加

"ignore": [
    "./src/lib/mui/js/mui.min.js"
  ]

在.eslintignre 添加

src/lib/mui/js/mui.min.js