以下是本人的操作步骤
1.使用Vue-cli创建项目
- 具体命令: vue init webpack projectname
2.npm i
3.安装依赖 npm node-sass sass-loader postcss-loader --save-dev
4.创建一个main.sass文件,在main.js中 import 'main.sass'
5.npm run dev
随后控制台报错
This dependency was not found: * main.sass in ./src/main.js To install it, you can run: npm install --save main.sass
项目使用的模板为: https://github.com/vuejs-templates/webpack
在template/build/utils.js中配置的sass-loader似乎没有起作用
随后我在webpack.base.conf.js中配置了一下sass-loader
{
test: /\.sass$/,
loader: 'style-loader!css-loader!postcss-loader!sass-loader?sourceMap=true',
include: [resolve('src'), resolve('test')]
}
依然提示
This dependency was not found:
* main.sass in ./src/main.js
To install it, you can run: npm install --save main.sass
用相对路径啊