vs做网站开发吗,优质的南昌网站建设,英文网站公司,怎么在网站上做seo现如今#xff0c;webpack已经快速进入前端开发人员的眼线(从1.0到4.X的版本的更新迭代)#xff0c;给前端开发也带来了很大的突破#xff0c;webpack可以分析项目结构#xff0c;模块化打包机#xff0c;处理模块化依赖#xff0c;转换成浏览器可运行代码。废话不多webpack已经快速进入前端开发人员的眼线(从1.0到4.X的版本的更新迭代)给前端开发也带来了很大的突破webpack可以分析项目结构模块化打包机处理模块化依赖转换成浏览器可运行代码。废话不多现在开始讲述下webpack环境的搭建吧。1.首先我们把webpack环境搭好在工程文件创建一个文件夹通过git打开控制台输入npm init.回车。根据提示对创建的工程文件进行命名描述等(这里也可以一直敲回车后续在文件夹中更改)创建成功之后会在刚刚创建的文件夹中多出一个package.json文件(注意文件的name一定不能用默认的webpack)然后在通过npm install 安装工程依赖初始化项目的话用npm install webpack webpack-cli -D命令这样webpack的项目已经基本搭建完成了。2.接下来我们看看webpack的配置问题webpack需要在项目根目录下创建一个webpack.config.js文件通过该配置文件来导出webpack的配置webpack的配置多样化可以自己定制现在来看看最基本的配置。1 module.exports {2 　　entry : ./src/index.js,3 output: {4 　　　　path : path.join(__dirname,./dist),5 　　　　filename : main.js6 }7 }entry : 代表入口webpack会找到该文件进行解析output 代表输入文件配置path : 把打包后的文件存放的位置filename : 输出文件的名字有时候我们所建的项目并不是基于spa技术而是会基于nuxt.js的多页面需要生成多个htmljs文件那么我们就可能需要配置多个入口。代码如下1 module.exports {2 entry : {3 pageA : ./src/pageA.js,4 pageB : ./src/pageB.js5 },6 output : {7 path : path.join(__dirname,./dist),8 filename : [name].[hash:8].js9 }10 }谢谢你阅读我的文章~