webpack2.0 css文件引入錯誤解決及圖片輸出在根目錄配置問題

webpack引入css文件,main.js內容以下css

import Vue from 'vue';
import App from './App.vue';

import Mint from 'mint-ui';
import 'mint-ui/lib/style.css';
Vue.use(Mint);

  

webpack文件的配置以下:vue

以後就是各類報錯信息,比較多見的是找不到對應的loader:webpack

解決方案:git

webpack中css-文件加載:github

{
   test: /\.css$/,
   loader: 'style-loader!css-loader'
}web

ok,解決問題,包括相似的,緣由是。。。版本迭代svg

 注意順序,有的同窗會寫成 loader: 'css'或者 loader: 'css!style',或者不寫'-loader'都會有報不一樣的錯誤。。。ui

還有解決build.js和圖片輸出在同一個根目錄下面的問題:blog

{
    test: /\.(png|jpg|gif|svg)$/,
    loader: 'file-loader',
    options: {
       name: 'img/[name].[ext]?[hash]'
    }
}圖片

給一個個人demo的連接:https://github.com/BugsMaster/test.git

相關文章
相關標籤/搜索