加菲大帅猫
2021-12-22 11:14
采纳率: 56.3%
浏览 16
已结题

使用webpack -v 4.39.3打包的项目在本地打开是空白

img


const path = require('path')
const VueLoaderPlugin = require('vue-loader/lib/plugin')

module.exports = {
    //指定入口,表示webpack要打包哪个文件
    entry: path.join(__dirname, './src/main.js'),
    //指定出口,表示打包好的文件输出到哪个目录
    output: {
        // publicPath: './',
        path: path.join(__dirname, './dist'),
        //指定输出文件的名称
        filename: 'ets.js'
    },
    module: {
        rules: [{
                test: /\.vue$/,
                loader: 'vue-loader'
            },
            {
                test: /\.css$/,
                use: [
                    'style-loader',
                    'css-loader'
                ]
            },
            {
                test: /\.(jpg|png|svg|ttf)$/,
                use: 'url-loader'
            },
            { test: /\.(png|jpg|gif|eot|woff|ttf|svg|webp|PNG)(\?\S*)?$/, loader: 'file-loader' }
        ]
    },
    mode: "development", //打包模式
    plugins: [
        new VueLoaderPlugin()
    ]
}

这是打包好的文件

img

运行结果及报错内容

img

我的解答思路和尝试过的方法

百度到的基本都是webpack以前的版本

求解决一下

  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 邀请回答

1条回答 默认 最新

相关推荐 更多相似问题