为了账号安全,请及时绑定邮箱和手机立即绑定

请问用命令npm run build 打包是报这种错是怎么回事

https://img1.sycdn.imooc.com//5b85009500011cf415380710.jpg

https://img1.sycdn.imooc.com//5b8500b60001addb12150417.jpg

这是控制台报的错误

正在回答

3 回答

我找到了答案,分享给大家。

只要修改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()

]

};


0 回复 有任何疑惑可以回复我~

第一,webpack4.x以上需要声明production或者development模式,可以在package.json脚本中定义

第二 , 你使用了stylus语法但没有安装其相关的loader

0 回复 有任何疑惑可以回复我~

npm i css-loader style-loader  webpack打包时候只能识别js代码 不能识别css代码  安装这2个loader就可以转化css代码到js里面

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

请问用命令npm run build 打包是报这种错是怎么回事

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信