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