首先，初始化創建一個vue webpack空專案, 即：
vue init webpack vuelessproject
其次，本地安裝css-loader和style-loader包:
cnpm install --save-dev css-loader style-loader
然后，在build/webpack.base.conf.js中添加了如下代碼：
module: {
rules: [
{
test: /\.css$/,
use: [{
loader: "style-loader"
}, {
loader: "css-loader",
options: {
modules: true
}
}]
},
同時，在src目錄下創建一個style.css檔案:
.hello {
color: red;
}
最后，在main.js中加入了如下代碼：
import './style.css'
在終端運行npm run dev啟動專案,報如下錯誤：
ERROR Failed to compile with 1 errors 21:24:30
This relative module was not found:
* ./style.css in ./src/main.js
uj5u.com熱心網友回復：
很簡單，引入的路徑不對，你的main.js與你的css檔案，應該不在一個檔案夾里面，你要引入css所在檔案夾路徑。' ./ ' 這個意思是同一個檔案夾的意思uj5u.com熱心網友回復：
實際情況我確實把這兩個檔案都放到同一個目錄下面的啊轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/7581.html
標籤：JavaScript
上一篇：JS輸入框監聽問題，求教啊