鍍金池/ 問答/HTML/ vue項目引入公用sass文件為什么不生效?

vue項目引入公用sass文件為什么不生效?

項目中有個樣式文件需要全局引用,這個文件是以scss形式放在src/assets/sass下
圖片描述

嘗試了以下三種引入方式:
1.index.html中引用,這種方式可以將這個文件引入到頁面中,但是不生效!
圖片描述
圖片描述
2.放在app.vue中,這種方式有效!
3.在main.js中引用,這時頁面一直報錯!
圖片描述
圖片描述

webpack.base.conf.js配置如下
圖片描述

vue版本:2.1.10
webpack版本:2.2.1

回答
編輯回答
夢一場

你得在main.js或者App.vue里面引入。
webpack 的編譯入口是.js文件,并不會解析 html 文件里的資源,html 文件只起到模板作用,里面的內(nèi)容在沒有模板語法塊控制的情況下都是靜態(tài)的。

然后根據(jù)報錯信息,是 webpack 版本問題導(dǎo)致的 loader 名寫法有誤,查看一下其它配置文件里面是否有重復(fù)且格式錯誤的編譯配置。

2018年3月14日 23:58