随笔分类 -  webpack

摘要:const path = require("path") // 导入html-webpack-plugin const HtmlPlugin = require("html-webpack-plugin") // 到二u const { CleanWebpackPlugin } = require( 阅读全文
posted @ 2021-08-18 19:38 冰镇汽水 阅读(93) 评论(0) 推荐(0)
摘要:{ // 处理。img // 如果调用的loader有一个 则可以写字符串 test: /\.jpg|png|jpeg|gif$/, use: 'url-loader?limit=470' } 这个limit代表图片打包限制,如果图片大小超过limit,就会以正常图片形式进行网络请求 如果小于lim 阅读全文
posted @ 2021-08-18 15:33 冰镇汽水 阅读(55) 评论(0) 推荐(0)
摘要:1.webpack默认只处理js文件中的内容,处理不了其他后缀的文件 //使用ES6导入 import $ from 'jquery' // 在webpack中一切皆模块 import './css/index.css' 2.此时js中含有了css的文件,webpack处理不了,他回去查找webpa 阅读全文
posted @ 2021-08-18 10:46 冰镇汽水 阅读(166) 评论(0) 推荐(0)
摘要:webpack-dev-server插件会自动监听程序员保存操作。 注意点: 该插件会把打包生成文件存储在内存中,所以在使用的时候需要引入这个文件而不是物理磁盘上的。 <script src=" http://localhost:8080/bundle.js"></script> 为什么要把生成的文 阅读全文
posted @ 2021-08-18 09:22 冰镇汽水 阅读(148) 评论(0) 推荐(0)
摘要:在webpack.config.js中写 module.export={ mode:"devolopment", //这个是开发模式 上线的话需要更改 entry: path.join(__dirname,"./src/index1.js"), //这个是告诉webpack要处理那个文件 outpu 阅读全文
posted @ 2021-08-17 21:22 冰镇汽水 阅读(235) 评论(0) 推荐(0)