webpack 项目创建流程

最新推荐文章于 2024-08-16 14:53:07 发布

韩宏伟

最新推荐文章于 2024-08-16 14:53:07 发布

阅读量253

点赞数 2

分类专栏：创建文章标签： javascript webpack

本文链接：https://blog.csdn.net/hhw223/article/details/107996684

版权

创建专栏收录该内容

1 篇文章 0 订阅

订阅专栏

webpack 项目创建流程

1 创建项目文件夹，起一个名字（项目名称）

2.通过CMD进入项目文件夹，执行cnpm init 或者 npm init

3. 一路回车，回车结束后查看是否有 package.json 文件

4. 执行 cnpm install webpack --save-dev 或者 npm install webpack --save-dev

5. 创建文件夹 src（源文件夹）。 dist （输出文件夹）

6. webpack src/index.js --output dist/bundel.js

7. 创建webpack.config.js文件

// 配置webpack打包的规则以及一些插件
module.exports={
	// 配置入口文件
	entry:{
		
	},
	// 配置出口文件
	output:{
		
	},
	// 配置服务端的内容
	devServer:{
		
	},
	// 一些插件
	plugins:{
		
	},
	// loader
	module:{
		
	}
}