webpack
eva_yg
这个作者很懒,什么都没留下…
展开
-
webpack基础
从这篇开始,会不定期更新webpack教程。希望能帮到在路上的小伙伴 webpack文档. 准备:1.安装node.js环境并配置好 安装webpack tip: 安装之前一定要先安装node node官网. 1. 新建文件夹并进入 打开命令框工具,输入 npm init 现在文件夹下会生成一个package.json文件,这个文件包含项目基本信息: // <!-- package....原创 2019-05-31 10:24:35 · 152 阅读 · 0 评论 -
webpack基础配置(1)
1.webpack配置 打开我们在上文中操作的文件夹, webpackdemo |- dist |- node-modules |- src |- index.html |- index.js |- package.json |- package-lock.json 为了后期文件便于管理,并且webpack的默认配置的打包入口文件就是src文件夹下的index.js文件。现在我们调整下文件结构。...原创 2019-05-31 10:30:32 · 198 阅读 · 0 评论 -
webpack图片打包(2)
webpack只认识js文件和JSON文件,所以打包的时候默认是会对这两种类型的文件进行打包。但实际的项目中,除了js和JSON,还有css, img等文件。 这些文件就需要依赖loader来进行编译然后才能被浏览器识别并渲染出来。loader就是文件打包的一种解决方案。 下面我们要认识的是: 图片打包 css打包 先来说图片打包,现在看下目录结构,新建images文件夹,随便下载一张图片放进去...原创 2019-06-04 12:41:08 · 1059 阅读 · 0 评论