Webpack
印第安米饭
这个作者很懒,什么都没留下…
展开
-
插件 html-webpack-plugin 的详解
最近在学习webpack,接触到的第一个插件就是html-webpack-plugin,那么今天就来详解一下它的用法吧。先来上一个例子:var htmlWebpackPlugin = require('html-webpack-plugin')const path = require('path')module.exports = { entry: './src/script/m...转载 2018-10-21 18:56:20 · 4472 阅读 · 0 评论 -
一篇就让你学会webpack4
webpack 是一个现代 JavaScript 应用程序的静态模块打包器,目前最流行的打包神器,接下来聊一下webpack4首先webpack4要求node版本在8.5以上,cmd中node -v查看node版本。1.什么是webpackWebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,Ty...转载 2018-10-21 19:51:03 · 394 阅读 · 0 评论 -
站在新手角度解除webpack的入门解惑教程
我自己在早期对于webpack知识的稀里糊涂的使用里遇到的困惑,我希望能系统化梳理出来,尽最大可能帮助大家解除疑惑。Pre、几个预备知识:1、webpack使用的是cjs(CommonJs)也就是module.exports输出require()引入;2、npx是辅助npm的,用处是即使不全局安装webpack-cli,也能在终端(CMD)中使用:npx webpack --entry=i...原创 2019-07-25 01:38:21 · 167 阅读 · 0 评论 -
babel从入门到进阶只需搞定这几个包
安装babel:babel目前需要安装 @bable/core 和 @babel/preset-env ,在webpack上还需要安装babel-laoder@bable/core :这个比较好理解,就是babel的核心文件@babel/preset-env:babel预置器,这个预置器大概有一下几种版本:es2015es2016es2017 env //包括上...原创 2019-08-04 22:59:15 · 559 阅读 · 0 评论 -
webpack4之splitChunks和runtimeChunk
为什么要用splitChunkswebpack4之前使用CommonsChunkPlugin提取公共代码,但是CommonsChunkPlugin存在以下三个问题:1:产出的chunk在引入的时候,会包含重复的代码;2: 无法优化异步chunk;3:高优的chunk产出需要的minchunks配置比较复杂。为了解决这些问题,webpack4中用splitchunks替代了CommonsC...转载 2019-08-09 15:43:40 · 4957 阅读 · 0 评论