![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
B21C
这个作者很懒,什么都没留下…
展开
-
webpack学习笔记————从零开始配置webpack
什么是webpack? WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。 开始 新建一个项目目录,通过npm初始化 npm init 项目目录会生成一个package.json 的配置文件 { "name": "demo2"...原创 2019-02-28 10:20:59 · 307 阅读 · 0 评论 -
Webpack常用插件总结
刚完成一个基于React+Webpack的项目,渐渐地熟悉了Webpack的一些配置,开发过程中用到了不少Webpack插件,现在把觉得有用的Webpack插件总结一下当巩固学习啦,主要涉及热模块替换[Hot Module Replacement]、ProvidePlugin、CommonsChunkPlugin、UglifyJsPlugin 、ExtractTextWebpackPlugin、DefinePlugin、DllPlugin等。转载 2019-02-28 11:33:13 · 8604 阅读 · 0 评论 -
转载:webpack之devServer配置
hdchangchang /span> DevServer 是webpack开发服务器。首先,下载webp...转载 2019-02-19 14:04:31 · 400 阅读 · 0 评论 -
webpack学习笔记————配置Html插件
上一篇简单介绍了webpack的基础配置,将js打包到dist目录下生成main.js,这一篇将介绍关于Html的插件 首先 安装webpack自带的webpack-dev-server服务器,方便之后的项目的运行 npm install webpack-dev-server 接着可以使用npx webpack-dev-server来启动项目,但是通常来说我们更喜欢这样做,在package.js...原创 2019-02-28 17:07:20 · 216 阅读 · 0 评论 -
webpack学习笔记——————样式处理
写这篇文章之前,先看一下我目前的webpack配置: let path = require('path') let HtmlWebpackPlugin = require('html-webpack-plugin') module.exports = { devServer: {//开发服务器配置 port: 3000, progress: true, contentBase: '....原创 2019-02-28 18:18:01 · 175 阅读 · 0 评论