美文网首页
webpack的简单打包

webpack的简单打包

作者: 紫由袅 | 来源:发表于2017-09-22 17:22 被阅读30次

1.打包:可以把多个JavaScript文件打包成一个文件,减少服务器压力和下载带宽。

2.转化:把拓展语言转化成为普通的JavaScript,让浏览器顺利运行

3.优化:前端变的越来越复杂后,性能也会遇到问题,而webpack也开始肩负起了优化和提升性能的责任

总的来说,其实WebPack可以看做是模块打包机。

一、具体的安装方法

1.新建一个webpack.config.js的配置文件

注意这里的webpack.config.js不可以设置为webpack-config.js,会识别不了的

module.exports={

entry:'./main.js',

output:{

filename:'bundle.js'

}

};

2.快捷键:win+R,输入cmd

npm install -g webpack

3.webpack

二、Webpack 的多入口文件

1.直接在webpack.config.js文件写入

module.exports={

entry:{

bundle1:'./main.js',

bundle2:'./main1.js',

},

output:{

filename:'[name].js'

}

};

2.运行命令:webpack

相关文章

  • Webpack打包结果分析

    一. 最简单的Webpack打包项目 单个文件打包(1) 按照Webpack操作指南中初始化、模块打包、模块热更新...

  • Webpack轻松入门(五)——自动刷新

    我在之前文章Webpack轻松入门(二)——CSS打包中提到过Webpack中的自动打包功能,很简单,在webpa...

  • webpack独立打包与缓存处理

    前言 先前写了一篇webpack入门的文章《webpack入门必知必会》,简单介绍了webpack拆分、打包、压缩...

  • webpack看这一篇就够了

    webpack看这一篇就够了 一、什么webpack? 简单来说,就是一个前端的打包工具。在webpack看来,万...

  • webpack的使用

    什么是webpack 简单来说webpack就是一种模块加载器兼打包工具。侧重于模块加载 webpack如何使用 ...

  • 如何理解前端模块化?

    什么是Webpack ?官方解释:webpack是一个现代的JavaScript应用的静态打包工具。简单理解:模块...

  • webpack学习笔记

    webpack是什么? webpack简单来说是一个模块打包机:分析你的项目结构,找到JavaScript模块、图...

  • 初识webpack4.x(二)

    webpack初识(2) 上篇我们只是简单的说明了如何将html,css,js使用webpack进行打包操作,但是...

  • webpack的简单打包

    1.打包:可以把多个JavaScript文件打包成一个文件,减少服务器压力和下载带宽。 2.转化:把拓展语言转化成...

  • webpack 实现简单的打包

    在webpack中是不可以处理css文件所有就需要在 webpack.config.js中配置相关参数首先需要下载...

网友评论

      本文标题:webpack的简单打包

      本文链接:https://www.haomeiwen.com/subject/nnbfextx.html