布衣口袋
2018-08-28 16:02
这是控制台报的错误
我找到了答案,分享给大家。
只要修改webpack.config.js就可以打包了。
const path = require('path');
const {VueLoaderPlugin}=require('vue-loader');
module.exports = {
entry: path.resolve(__dirname, "src/index.js"), //webpack4官方绝对路径
devServer: {
contentBase: './dist'
},
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist')
},
module: {
rules: [
{
test: /\.vue$/,
use: [
'vue-loader'
]
},
{
test: /\.css$/,
use: [
'vue-style-loader', //可以不要
'style-loader',
'css-loader'
]
},
]
},
plugins:[
new VueLoaderPlugin()
]
};
第一,webpack4.x以上需要声明production或者development模式,可以在package.json脚本中定义
第二 , 你使用了stylus语法但没有安装其相关的loader
npm i css-loader style-loader webpack打包时候只能识别js代码 不能识别css代码 安装这2个loader就可以转化css代码到js里面
Vue+Webpack打造todo应用
84606 学习 · 787 问题
相似问题