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

webpack引入css文件，main.js內容如下

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

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

　　

webpack文件的配置如下：

之后就是各種報錯信息，比較多見的是找不到對應的loader：

解決方案：

webpack中css-文件加載：

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

ok,解決問題，包括類似的，原因是。。。版本迭代

 注意順序，有的同學會寫成 loader: 'css'或者 loader: 'css!style'，或者不寫'-loader'都會有報不同的錯誤。。。

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

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

給一個我的demo的鏈接：https://github.com/BugsMaster/test.git