估計(jì)是你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({?//?設(shè)定項(xiàng)目的運(yùn)行環(huán)境，在js代碼中可以引用到（類似于一個(gè)很大的全局變量）???????????'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",?//方便在頁(yè)面上以原始模式展示?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,?//編譯時(shí)?如果有錯(cuò)誤，顯示在網(wǎng)頁(yè)上????????},????????hot:?true?//組件級(jí)更新頁(yè)面，false時(shí)為整個(gè)頁(yè)面刷新?注意，這個(gè)需要?HotModuleReplacementPlugin?來(lái)配合????}????config.plugins.push(????????new?webpack.HotModuleReplacementPlugin(),?//組件級(jí)更新頁(yè)面????????new?webpack.NoEmitOnErrorsPlugin()?//?不知道干啥????)}?else?{??config.entry?=?{?//庫(kù)文件與業(yè)務(wù)邏輯拆分之配置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({?//庫(kù)文件與業(yè)務(wù)邏輯拆分之配置2????//???name:?'vendor'????//?})??)??config.optimization?=?{????splitChunks:?{??????name:?'vendor'????}??},??config.optimization?=?{????splitChunks:?{??????name:?'runtime'????}??}}module.exports?=?config;