2020年11月7日
Webpack 打包静态资源 css文件
摘要： 项目安装css-loader和style-loader npm i -D css-loader style-loader 前者负责解析css文件,后者负责将解析好的css挂载到页面的head > style index.html <!DOCTYPE html> <html lang="en"> <h 阅读全文
posted @ 2020-11-07 16:14 Toream学习笔记 阅读(187) 评论(0) 推荐(0)
Webpack 打包静态资源 图片
摘要： 下载file-loader 在项目根路径局部安装file-loader npm install file-loader --save-dev index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta 阅读全文
posted @ 2020-11-07 15:44 Toream学习笔记 阅读(147) 评论(0) 推荐(0)
Webpack file-loader 打包图片等静态资源
摘要： file-loader可以打包多种静态资源，例如{jpg|png|gif|...}等 index.js var picture = require('./picture.jpg') 在webpack配置文件中module属性添加rules，用正则匹配文件后缀，然后分别交由指定的loader处理 we 阅读全文
posted @ 2020-11-07 15:32 Toream学习笔记 阅读(336) 评论(0) 推荐(0)
Webpack 入门 基础知识
摘要： 写一个Render对象可以在#root元素下挂载字符串的对象，使用ES Module语法导入后通过Webpack打包 Step 0. 创建npm项目 hello-webpack mkdir hello-webpack && cd hello-webpack mkdir src && mkdir di 阅读全文
posted @ 2020-11-07 14:34 Toream学习笔记 阅读(124) 评论(0) 推荐(0)