webpack 打包配置时时更新
摘要：
添加配置，和module同级 watch:true , // 时时监控 阅读全文
webpack打包加大就是为了加大文件允许体积，提升报错门栏
摘要：
添加配置，和 module 同步 performance: { // 就是为了加大文件允许体积，提升报错门栏。 hints: "warning", // 枚举 maxAssetSize: 500000, // 整数类型（以字节为单位） maxEntrypointSize: 500000, // 整数 阅读全文
webpack打包配置服务
摘要：
添加下面配置 和模块module 同级别 devServer: { // 本地服务器配置 contentBase: './dist', //默认本地服务器所在的根目录 historyApiFallback: true, //是否跳转到index.html inline: true, //源文件改变时 阅读全文
webpack 打包 js图片
摘要：
打包 js 中的图片 1. js 中先 require 图片路径 var ip =require('../img/foot/ip.jpg'); 2. 然后正常 js 引用 $('.add_img').attr('src',ip); 3.其他不变 阅读全文
webpack 打包css 图片
摘要：
使用 图片打包工具的意义是 : 最终图片转换压缩到 最终生成的 js 文件里，不需要页面上再直接加载 图片 打包 处理 css 文件里的 img 图片 到 最终的 js 文件里面去 转成base64 加载 img 安装文件处理插件 file-loader npm install --save-dev 阅读全文
webpack打包多个html打包，分别引入不同的 多个 js 文件 流程
摘要：
1. 入口配置一个或者多个： entry:{ // 单个 js 打包 'js/a':'./htmlDist/cn/js/A.js' , // 单个 js 'js/b':[ // 多个 js 合并 './htmlDist/cn/js/B.js' , './htmlDist/cn/js/c.js' , 阅读全文
webpack打包所有css打包压缩到一个js里面
摘要：
打包 css 文件的意义： 最终把 css 文件压缩到 最终生成的 js 文件里，页面不需要再加载 css 文件，并且是压缩过的 打包 css 文件 ，安装 style-loader css-loader npm install --save-dev style-loader css-loader 阅读全文
webapck 打包多个 js ,多个 html 同时打包流程
摘要：
webpack 配置： const path=require('path'); //调用node.js中的路径 const {CleanWebpackPlugin} = require('clean-webpack-plugin'); // 清除旧的出口文件，使用 有hash 值的新文件 var h 阅读全文
webpack打包多个js 合并成默认 main.js文件步骤
摘要：
1. 这种方式，把多个 js 自动打包成默认的 main.js ，直接在 dist 文件夹里面，和生成的 html 文件同级 2. 而且，html 插件里，没有引入也会自动引入 js ，而且还添加版本号 webpack.config.js 配置如下: const path=require('path 阅读全文
wbpack打包准备工作
摘要：
1.创建项目（或者自己已有的项目），cmd 切换到自己项目目录下 2.安装node,确保node 是最新版本 --[nodejs.org/zh-cn/] (https://nodejs.org/zh-cn/)3.安装 webpack npm install --save-dev webpack 会生 阅读全文