摘要: 在调用loader的时候 都是从右往左进行加载的哦 //下面是现在学的webpack的配置文件哦 const path = require("path"); //路径模块 //第2中方式配置webpack const webpack = require("webpack"); // 只要是webpa 阅读全文
posted @ 2019-08-29 23:17 南风晚来晚相识 阅读(174) 评论(0) 推荐(0)
摘要: 本节 loader配置处理css样式 在src下新建css文件夹 在css下创建index.css 在main.js这个入口文件中 引入js模块 和 css杨思表是不同的 在main.js文件中 import './css/index.css' 注意:webpack默认只能打包处理JS类型的文件 无 阅读全文
posted @ 2019-08-29 23:16 南风晚来晚相识 阅读(263) 评论(0) 推荐(0)
摘要: <!-- 15 html-webpack-plugin的2个作用 下载 cnpm i html-webpack-plugin -D 作用在==>内存中生成页面 可以在package.json中去查看是否有 在webpack中 导入在内存中生成的HTML页面的插件 // 只要是webpack的插件 都 阅读全文
posted @ 2019-08-29 23:15 南风晚来晚相识 阅读(288) 评论(0) 推荐(0)
摘要: webpack-dev-server是webpack官方提供的一个小型Express服务器 使用它可以为webpack打包生成的资源文件提供web服务。 webpack-dev-server 主要提供两个功能:为静态文件提供服务自动刷新和热替换(HMR)安装命令: npm install --sav 阅读全文
posted @ 2019-08-29 23:13 南风晚来晚相识 阅读(223) 评论(0) 推荐(0)
摘要: <!-- 如何添加npm run dev 启动程序 下载 npm install --save-dev webpack-dev-server 下载 npm i webpack-cli -D 说明一下:--save-dev等价为-D 意思是安装到开发环境中去; 也就是package.json中的 de 阅读全文
posted @ 2019-08-29 23:11 南风晚来晚相识 阅读(201) 评论(0) 推荐(0)