随笔分类 -  webpack前端工程化

摘要:本篇文章主要讲述webpack.config.js的自定义配置以及对样式资源打包的处理。 首先还是创建2个文件夹src和build参考之前所说webpack打包(二)。 接下来主要说一下webpack.config.js这个文件的作用以及loader的用法(打包css、less)。 在src的同级目 阅读全文
posted @ 2020-10-23 12:11 皮皮马y 阅读(560) 评论(0) 推荐(0)
摘要:首先创建一个文件夹叫做mydemo输入命令初始化项目。 --npm init 然后在该文件夹中创建src文件夹用来放项目,在src文件夹里新建index.js、index.css和index.json三个文件;另外在src同级目录创建build文件夹用来存放打包后文件存放的地方。目录如图: 然后在i 阅读全文
posted @ 2020-10-22 16:01 皮皮马y 阅读(194) 评论(0) 推荐(0)
摘要:一、为什么要使用webpack? 首先举一个很简单的例子,创建一个html页面,我们呢想在这个页面中引用less预编译处理页面,以及es6模块化文件。 html代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF 阅读全文
posted @ 2020-10-22 14:27 皮皮马y 阅读(140) 评论(0) 推荐(0)