估計是你loader 沒配置好

?

我用的是 webpack 4.8.1 的，我把webpack.config.js貼給你，你比較一下

/**?*?webpack.config?*?powr?by?frend?*?@type?{{}}?*/const?path?=?require('path');const?VueLoaderPlugin?=?require('vue-loader/lib/plugin')const?HtmlPlugin?=?require('html-webpack-plugin')const?webpack?=?require('webpack')//const?ExtractPlugin?=?require('extract-text-webpack-plugin')const?MiniCssExtractPlugin?=?require("mini-css-extract-plugin");const?isDev?=?process.env.NODE_ENV?===?"development"const?config??=?{????target:?'web',????entry:?path.join(__dirname,'src/index.js'),????output:?{????????filename:?'bundle.js',????????path:?path.join(__dirname,'/dist/')????},????mode:?"development",????watch:?false,????module:{????????rules:[????????????{????????????????test:?/\.vue$/,????????????????loader:?'vue-loader'????????????},????????????{????????????????test:?/\.jsx/,????????????????loader:?'babel-loader'????????????},????????????{????????????????test:?/\.css$/i,????????????????use:[????????????????????{????????????????????????loader:?'style-loader'????????????????????},????????????????????{????????????????????????loader:?'css-loader'????????????????????}????????????????]????????????},????????????{????????????????test:?/\.(gif|jpg|jpeg|png|svg)$/i,????????????????use:?[????????????????????{????????????????????????loader:?'url-loader',????????????????????????options:?{????????????????????????????limit:?1024,????????????????????????????name:?'[name]-[hash:5].[ext]'????????????????????????}????????????????????}????????????????]????????????}????????]????},????plugins:?[????????new?VueLoaderPlugin(),????????new?webpack.DefinePlugin({?//?設定項目的運行環(huán)境，在js代碼中可以引用到（類似于一個很大的全局變量）???????????'process.env':?{???????????????NODE_ENV:?isDev???'"development"'?:?'"production"'???????????}????????}),????????new?HtmlPlugin({????????????filename:?'./index.html',????????????template:?'./src/index.html'????????})????]}if(isDev)?{????config.module.rules.push({?//開發(fā)環(huán)境的配置????????test:?/\.styl$/i,????????use:?[????????????'style-loader',????????????'css-loader',????????????{??????????????loader:?'postcss-loader',??????????????options:?{????????????????sourceMap:?true??????????????}????????????},????????????'stylus-loader'????????]????})????config.devtool?=?"#cheap-module-eval-source-map",?//方便在頁面上以原始模式展示?js腳本????config.devServer?=?{????????port:?8000,????????host:?'0.0.0.0',?//監(jiān)聽的ip?0.0.0.0?可以通過?localhost?|?127.0.0.0?|?內(nèi)網(wǎng)IP也可以訪問????????overlay:?{????????????errors:?true,?//編譯時?如果有錯誤，顯示在網(wǎng)頁上????????},????????hot:?true?//組件級更新頁面，false時為整個頁面刷新?注意，這個需要?HotModuleReplacementPlugin?來配合????}????config.plugins.push(????????new?webpack.HotModuleReplacementPlugin(),?//組件級更新頁面????????new?webpack.NoEmitOnErrorsPlugin()?//?不知道干啥????)}?else?{??config.entry?=?{?//庫文件與業(yè)務邏輯拆分之配置1????app:?path.join(__dirname,'src/index.js'),????vendor:?['vue']??}??config.output.filename=?'[name].[chunkhash:8].js'??config.module.rules.push({????test:?/\.styl$/i,??????use:?[??????????MiniCssExtractPlugin.loader,'css-loader',??????????{????????????loader:?'postcss-loader',????????????options:?{??????????????sourceMap:?true????????????}??????????},??????????'stylus-loader'??????]??})??config.plugins.push(????//?new?ExtractPlugin('styles.[contentHash:8].css')????new?MiniCssExtractPlugin({??????filename:?'style.[contentHash:8].css',??????chunkFilename:?'[id].css'????}),????//?new?webpack.optimize.CommonsChunkPlugin({?//庫文件與業(yè)務邏輯拆分之配置2????//???name:?'vendor'????//?})??)??config.optimization?=?{????splitChunks:?{??????name:?'vendor'????}??},??config.optimization?=?{????splitChunks:?{??????name:?'runtime'????}??}}module.exports?=?config;