webpack
小~小
这个作者很懒,什么都没留下…
展开
-
webpack入门第二篇
今天是webpack第二篇文章,跟第一篇文章有关联。现在让我们继续学习。 还是跟官网有关,从官网入手 http://webpack.github.io/docs/tutorials/getting-started/今天的学习内容是引用require,这是node.js里自带的,可以直接引用。那么开始我们的学习吧。 1、新建文件夹demo2,进入demo2文件夹,按住shift,然后右键弹出命令原创 2017-09-20 18:31:56 · 196 阅读 · 0 评论 -
webpack4.0懒加载
懒加载或者按需加载,可以优化网页或应用。webpack 懒加载学习webpack.config.jsconst path = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');const {CleanWebpackPlugin} = require('clean-webpack-plugin'...原创 2019-08-14 17:42:31 · 434 阅读 · 0 评论 -
Error: webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChu
跟着 webpack4中文网做代码分离时npm run build时出错,Error: webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead.自己去官网看了看,https://webpack.js.org/guides/code-sp...原创 2019-08-14 14:07:40 · 6266 阅读 · 0 评论 -
webpack4.0学习
wabpack 概念本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。可以从这里了解更多关于 JavaScript 模块和 webpack 模块的...原创 2019-08-13 18:35:01 · 306 阅读 · 0 评论 -
webpack入门第7篇--热加载
webpack研究一下热加载技术,修改代码时页面自动刷新。 在webpack入门第6篇里,已经说过了,新建几个文件,在这就不建了,因为那样做,感觉无法突出重点,所以只写改动的部分。1、修改webpack.config.jsmodule.exports = { entry: "./entry.js", output: { path: __dirname,原创 2017-09-21 15:01:07 · 511 阅读 · 0 评论 -
webpack入门第6篇
今天开始的是我看过的视频,学习其他资料学到的。在这里分享一下,希望对看到这篇博客的有些帮助 1,新建文件夹demo4,在demo4里,弹出命令行,输入npm init运行结果如下:This utility will walk you through creating a package.json file.It only covers the most common items, and tri原创 2017-09-21 13:05:13 · 209 阅读 · 0 评论 -
webpack入门第五篇
这篇讲述的是webpack命令的一些额外的功能,也是官网快速入门的讲解的后面的东西,在这里也我也跟着做了一下,下面也算是一个官网的翻译,如果英文好的话,可以看官网。http://webpack.github.io/docs/tutorials/getting-started/1、使用webpack命令时,我们想看到进程,可以运行命令webpack --progress --colors2、每次编译运原创 2017-09-21 10:59:26 · 371 阅读 · 0 评论 -
webpack入门第四篇
今天到了第四篇的时间,貌似没有多少粉丝关注我,哈哈,希望有多多的粉丝关注。好了,废话少说。 前三篇都是直接运用webpack命令运行,但是对于一个项目来说,这样做太繁琐了,最希望做的就是一句简单的命令就可以实现。那么wenpack给了一种方案,那就是用配置文件的方式。还是附上官网的链接。http://webpack.github.io/docs/tutorials/getting-started/原创 2017-09-21 10:20:41 · 287 阅读 · 0 评论 -
webpack入门第三篇
webpack的教程,持续更新。还是根据官网的入门教程来一步步做的。http://webpack.github.io/docs/tutorials/getting-started/1、新建文件夹demo2,进入demo2文件夹,按住shift,然后右键弹出命令行 2、新建文件 content.jsmodule.exports = "It works from content.js.";3、新建文件原创 2017-09-20 18:58:59 · 304 阅读 · 0 评论 -
webpack入门第一篇
从网上看了各种资料,总是找不到合适的资料,然后自己学习,经过了几番折腾,决定自己写一篇教程,希望看到的人,可以快速入门webpack。也希望看到的朋友能够学会webpack,个人觉得确实是个好东西。 首先进入官网 http://webpack.github.io/docs/tutorials/getting-started/,居然是英文的,当然肯定是英文的,哈哈。那么现在我们来解析一下这个英文文原创 2017-09-20 18:05:11 · 287 阅读 · 0 评论 -
webpack4.0 缓存
webpack 中文官网还没有更新,webpack.optimize.CommonsChunkPlugin已经不再用。更换为config.optimization.splitChunks。关于几点概念,自己的理解。manifest: wepack 解析 import export ,转换为 webpack_requireRuntime: runtime会根据 manifest检索出背后对应...原创 2019-08-15 11:44:19 · 246 阅读 · 0 评论