vue中使用less和elementui

vue中使用less,

1.cd 到项目的根目录下,执行命令

npm install less less-loader --save

2.修改webpack.config.js文件,配置loader加载依赖,让其支持外部的less,在原来的代码上添加:

{

test: /\.less$/,

loader: "style-loader!css-loader!less-loader",

},

3.我们可以使用了,可以直接在style中 lang="less"使用,

也可以引入less文件:

@import '../assets/color.less';

Vue中使用elementUI:

1.cd 到项目根目录下,执行命令

npm i element-ui -S

安装完成后在main.js中配置:


main.js中的配置        

我们就可以直接在组件中使用了

你可能感兴趣的:(vue中使用less和elementui)