Vue+Webpack配置css-loader時報錯：Module build failed: Unknown word

　　使用Vue+Webpack搭建工程時，在webpack.config.js中的module的rules裏針對各類文件配置加載工具。在針對css文件配置時遇到一個問題：打包構建時報錯——Module build failed: Unknown word。

　　配置內容以下：

{
　　test: /\.css$/,
　　use: [
　　　　'css-loader',
　　　　'style-loader'
　　]
}

　　在網上找解決方案時看到一種方法，將這段配置註釋掉，不會影響css代碼的引入，也不會再報錯，不過做者並未找到緣由。可是，將該方法運用到個人代碼中時沒有做用，將配置註釋掉後會報錯：You may need an appropriate loader to handle this file type.——要求對該類型文件配置加載工具！

　　試了幾種方法並無效果，後來想到視頻教程中提到這些工具的做用：css-loader用於讀取css文件，style-loader用於處理css-loader讀取的文件，這裏有沒有依賴關係之類的，須要按照必定的順序配置，因而將順序調換了一下，配置以下：

{
　　test: /\.css$/,
　　use: [
       'style-loader',
　　　　'css-loader'
　　]
}

　　這樣處理後，打包構建時沒有報錯了，輸出文件中也有css樣式，說明打包構建是成功的，也證明了loader的加載順序是有要求的，並且越是基礎的loader越要放在前面，若是使用less、sass或stylus，less-loader、sass-loader、stylus-loader要放在最後面。另外，使用sass-loader時，要安裝node-sass依賴，不過不用在webpack.config.js裏面配置。