
webpack
我就是陈星烨
前端开发
展开
-
webpack使用笔记(一)
创建package.json文件 在主目录下使用`npm init`命令创建`package.json`文件,一路回车就OK 安装依赖 在主目录下使用`npm install ** --save-dev`安装**依赖,例如,本例中将要安装`webpack,stylus,`等等,安装完依赖后,`package.json`文件中的`devDependencies`内容为 { "name": "le原创 2017-06-22 14:59:43 · 836 阅读 · 0 评论 -
webpack使用笔记(二)
热更新之webpack-dev-server作用webpack-dev-server插件提供热更新功能安装npm install webpack-dev-server --save-dev 配置 利用node配置,server.js文件如下 var config = require("./webpack.config.js"); var webpack = require('webpack'); v原创 2017-07-11 18:02:46 · 253 阅读 · 0 评论 -
webpack使用笔记(三)
hash和chunkhash的区别hash 指的是编译(compiler)时的hash,complation对象代表某个版本的资源对应的 编译进程,是一个整体的概念,每当有资源变化时,webpack就会重新编译,就会有一个全新的编译文件,而hash就是这个编译文件的hash,且为文件命名是添加的hash都一样。 chunkhashchunk代表模块,chunkhash就是某个模块的hash,只要原创 2017-07-11 18:37:12 · 259 阅读 · 0 评论 -
webpack对比requirejs
webpack的优势 支持resolve设置搜索路径,比如设置找不到文件时应该向上面哪个路径找 可使用import/export语法 require可拼接,var r=require;r('./file') 支持require中的表达式,require('file'+template)原创 2017-07-11 19:01:41 · 2058 阅读 · 0 评论 -
不同配置下的webpack打包文件分析
为啥有optimization? 先说说大背景,入口文件entry中重要的是业务代码,但是业务代码不可避免的用到很多依赖。如lodash、element-ui等等,尤其在开发环境调试的时候,如何能更清晰的分离出业务代码呢?大家想到的肯定是只构建业务代码自己喽,没错! 将依赖和entry分离的法宝在webpack3的时候还是commons-chunk-plugin,从webpack4时代开始,com...原创 2019-08-19 16:55:24 · 6226 阅读 · 0 评论