摘要: 使用html-webpack-plugin插件,可以在打包后自动生成一个index.html文件,这个index.html文件里会把打包后的静态资源引入。 相关配置如下面所受 const path = require('path') const htmlWebpackPlugin = require 阅读全文
posted @ 2020-07-06 22:51 当…风已不再 阅读(735) 评论(0) 推荐(0) 编辑
摘要: 常用的样式资源主要是css、less、sass、styus 1、处理css文件用到的loader主要是style-loader、css-loader 2、处理less文件用到的loader主要是style-loader、css-loader、less-loader (需要安装less) 3、处理sa 阅读全文
posted @ 2020-07-06 22:47 当…风已不再 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 首先需要安装node、webpack、webpack-cli 一、命令方式打包 webpack '入口文件' -o '输出文件' --mode='使用模式',例如: webpack ./src/main.js -o ./build/index.js --mode=development webpac 阅读全文
posted @ 2020-07-06 22:39 当…风已不再 阅读(247) 评论(0) 推荐(0) 编辑
摘要: 一、什么是webpack 我所理解的webpack,主要是从两个方面出发,一是webpack是一个前端构建器,二是webpack是一个静态模块打包器。 1、前端构建器 webpack只能识别js和json文件,所以在引入其他比如样式文件,图片资源等webpack不能识别的资源时,需要通过loader 阅读全文
posted @ 2020-07-06 22:31 当…风已不再 阅读(173) 评论(0) 推荐(0) 编辑