2024基于webpack从0搭建vue项目，vue2

}),

// 自动清除 dist 目录插件

new CleanWebpackPlugin(),

// 配置 vue loader 插件

],

// 配置开启服务器的信息

devServer: {

static: {

directory: path.join(__dirname, ‘dist’),

},

compress: true,

port: 80,

},

performance: {

hints: false

}

}

按照上述配置把对应文件给创建好，如果没有文件就会报错，

安装插件 html-webpack-plugin clean-webpack-plugin

​ 是因为 webpack.config.js 里面有用到

npm i -D html-webpack-plugin clean-webpack-plugin

配置我们的入口文件

在根目录里新建一个 src 的文件夹在里面新建一个 main.js 文件 写入js代码 然后打包后户减少

打包前

function fn() {

console.log(‘孙志豪’)

<