webpack学习笔记
NK_Sasoli
这个作者很懒,什么都没留下…
展开
-
从零开始学webpack笔记 4
自行学习整理,边学边记,没了解过webpack的同学可以一点点看完,或许会有些帮助,不成熟的地方欢迎指正,转载请注明出处!!!上篇文章我们已经把css进行了打包,但把所有css放进html不是个好办法,所以这篇我们把css提取成单独的文件1,安装mini-css-extract-plugin插件大家可能会看到有些教程使用extract-text-webpack-plugin这个插件的,这个是...原创 2020-04-29 17:39:07 · 205 阅读 · 0 评论 -
从零开始学webpack笔记 3
自行学习整理,边学边记,没了解过webpack的同学可以一点点看完,或许会有些帮助,不成熟的地方欢迎指正,转载请注明出处!!!js和html都打包了,那下一步当然就是样式文件了,先从普通的css文件说起1,编辑index.css文件简单的写个样式就行body{ background: skyblue;}然后在index.js引入css文件import Show from './...原创 2020-04-29 15:10:24 · 182 阅读 · 0 评论 -
从零开始学webpack笔记 2
自行学习整理,边学边记,没了解过webpack的同学可以一点点看完,或许会有些帮助,不成熟的地方欢迎指正,转载请注明出处!!!上篇我们进行了最简单的打包,但只针对js,这篇我们把html文件也打包进dist,让项目能跑起来1,首先把html的基础框架写好<!DOCTYPE html><html lang="en"><head> <meta ...原创 2020-04-29 15:09:36 · 174 阅读 · 0 评论 -
从零开始学webpack笔记 1
自行学习整理,边学边记,没了解过webpack的同学可以一点点看完,或许会有些帮助,不成熟的地方欢迎指正,转载请注明出处!!!1,首先新建文件夹,我这里命名为webpack-test,然后在文件夹内运行npm init -y初始化项目,此时应该只有一个package.json文件2,安装webpack及相关插件至项目(-D意为开发环境使用的插件,不可省略)npm i webpack ...原创 2020-04-29 14:58:23 · 170 阅读 · 0 评论