vue專案透過import引入外部css報錯怎麼辦

vue專案透過import引入外部css報錯的解決方法：首先在【webpack.config.js】中加入相關內容，新增後重新npm run dev；然後json檔案中查看是否存在【css-loader 】等數據，安裝即可。

本教學操作環境：windows7系統、Vue2.9.6版，此方法適用於所有品牌電腦。

vue專案透過import引入外部css報錯的解決方法：

vue 透過webpack-simple產生項目，引入外部csss時報錯誤解決：

############################## #1、在webpack.config.js中加入以下內容，新增後重新###npm run dev######

{
        test:/\.css$/,
        loader:'style-loader!css-loader'
 },
{
        test: /.woff|.woff2|.svg|.eot|.ttf/,
        use: 'url-loader?prefix=font/&limit=10000'
 }

###2、json檔案中查看是否存在###css-loader### ,###style-loader###,###url-loader###,若沒有透過###npm install（-D）###進行安裝即可。 #########相關學習推薦（免費）：###javascript學習教學##########

以上是vue專案透過import引入外部css報錯怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！