vue-cli中已经内置配置好了sass 以及less的配置。 如果需要的话直接下载两个模块就可以了

npm install node-sass --save-devnpm install sass-loader --save-dev

然后在组件或者视图中给样式加上语言就可以了

这里需要说明一下scoped是让样式只在当前组件或者视图中起作用的。

less的话也是一样 需要装两个loader

npm install less --save-devnpm install less-loader --save-dev

webpack配置：

{  test: /\.less$/,  use: [{      loader: "style-loader" // creates style nodes from JS strings  }, {      loader: "css-loader" // translates CSS into CommonJS  }, {     loader: "less-loader" // compiles Less to CSS  }]}

css webpack配置

{   test: /\.css$/,   loader: 'css-loader',   // 不处理 node_modules 文件中的 css 文件   exclude: /node_modules/},

总结

首先，说明一点，如果是使用npm init webpack 项目名 的方式创建的项目,无需手动配置webpack（很奇怪）