摘要: webpack.config.js const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './src/js/i 阅读全文
posted @ 2020-06-04 23:26 shanlu 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 开发服务器 devServer:用来自动化(自动编译,自动打开浏览器,自动刷新浏览器等) 特点:只会在内存中编译打包,不会有任何输出 指令:npx webpack-dev-server 安装 webpack-dev-server npm install webpack-dev-server -D c 阅读全文
posted @ 2020-06-04 23:14 shanlu 阅读(254) 评论(0) 推荐(0) 编辑
摘要: src / index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> 阅读全文
posted @ 2020-06-04 21:44 shanlu 阅读(225) 评论(0) 推荐(0) 编辑
摘要: 1,下载安装 loader 包: npm install --save-dev html-loader url-loader file-loader, url-loader 依赖于 file-loader src / index.html <!DOCTYPE html> <html lang="en 阅读全文
posted @ 2020-06-04 20:34 shanlu 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 下载安装 plugin: npm install --save-dev html-webpack-plugin src / index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vi 阅读全文
posted @ 2020-06-04 20:06 shanlu 阅读(542) 评论(0) 推荐(0) 编辑
摘要: webpack 是一种前端资源构建工具,一个静态模块打包器(module bundler)。在webpack 看来, 前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理。 它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源(bundle)。 当在 inde 阅读全文
posted @ 2020-06-04 18:38 shanlu 阅读(1675) 评论(0) 推荐(0) 编辑