第一步: 安装less依赖, npm install less less-loader --save 第二步: 修改webpack.config.js文件,配置loader加载依赖,规则上加这个 { test: /\.less$/, loader: "style-loader!css-loader!less-loader", }, 搞定。。。
第一步:
安装less依赖,npm install less less-loader --save
第二步:
修改webpack.config.js文件,配置loader加载依赖,规则上加这个
{ test: /\.less$/, loader: "style-loader!css-loader!less-loader", }, 搞定。。。最喜欢嵌套可以用了 ********************************************************** **************************************************************************npm install --save-dev sass-loader //sass-loader依赖于node-sass
npm install --save-dev node-sass
{ test: /\.sass$/, loaders: [‘style‘, ‘css‘, ‘sass‘] },
错误提示:无效的css。因为sass语法不使用大括号和分号。
如果你喜欢使用不带大括号的语法,只要去掉css代码的大括号和分号,即使用缩进语法。
如果你希望使用带大括号的语法,即SCSS
那么,你只要把lang="sass"改成lang="scss"就行了。
搞定