entry和output的基础配置

程序员烧烤店

于 2021-12-21 17:33:25 发布

阅读量298

点赞数

CC 4.0 BY-SA版权

分类专栏： wepack 文章标签： javascript npm webpack

本文链接：https://blog.csdn.net/qq_36967515/article/details/122069567

wepack 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个Webpack的实际配置案例，包括开发模式设置、入口文件定义、输出路径配置、HTML模板使用及清理任务实现等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');

module.exports = {
	mode: 'development',
	entry: {
		main: './src/index.js',
		sub: './src/index.js'
	},
	output: {
		publicPath: 'http://cdn.com.cn', // 将打包的后的js文件上传到这个CDN上, 打包后生成的html文件会自动引入cdn的js文件
		filename: '[name].js', // 第一次打包对应main 第二次对应sub
		path: path.resolve(__dirname, 'dist')
	},
    plugins: [new HtmlWebpackPlugin({
		template: 'src/index.html'
	}), new CleanWebpackPlugin(['dist'])],
}