十*七 2022-05-06 17:45 采纳率: 75%
浏览 22
已结题

刚开始打包vue,webpack配置问题

这是配置文件

const path = require('path')

module.exports = {
  mode:'production',
  entry:'./src/main.js',
  output:{
    filename:"./build.js",
    path:path.resolve(__dirname,"/build")
  },
  plugins:[
    new (require('vue-loader').VueLoaderPlugin)(),
    new (require('html-webpack-plugin'))({
      template:(__dirname,"/public/index.html"),
      filename:'./index.html'
    })
  ],
  module:{
    rules:[
      { test:/\.css$/, use:["style-loader", "css-loader"] },
      { test:/\.vue$/, use:["vue-loader"]},
      {
        test:/\.(jpg|png|gif)$/,
        type:"asset",
        generator:{
          filename:'./image/[hash].[ext]'
        },
        parser:{
          dataUrlCondition:{
            maxSize:1024*1024
          }
        }
      },
    ]
  }
}

报错信息

img

  • 写回答

1条回答 默认 最新

  • zh阿飞 2022-05-06 22:32
    关注

    在 rules的第三项, 你这个是webpack5的配置,而你的webpack版本是4, 4版本里面没有 type:"asset", 这是5版本才出来的,你需要使用file-loader

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 6月30日
  • 已采纳回答 6月22日
  • 创建了问题 5月6日

悬赏问题

  • ¥15 帮我解决一下膳食平衡的线性规划模型的数据实例
  • ¥40 万年历缺少农历,需要和阳历同时显示
  • ¥250 雷电模拟器内存穿透、寻基址和特征码的教学
  • ¥200 比特币ord程序wallet_constructor.rs文件支持一次性铸造1000个代币,并将它们分配到40个UTXO上(每个UTXO上分配25个代币),并设置找零地址
  • ¥15 关于Java的学习问题
  • ¥15 如何使用chatgpt完成文本分类任务?
  • ¥15 已知速度v关于位置s的等式,怎么转化为已知位置求速度v的等式
  • ¥15 我有个餐饮系统,用wampserver把环境配置好了,但是后端的网页却进去,是为什么,能不能帮远程一下?
  • ¥15 R运行没有名称为"species"的插槽对于此对象类"SDMmodelCV"
  • ¥20 基于决策树的数字信号处理,2ask 2psk 2fsk的代码,检查下报错的原因