![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 86
纵使风吹
这个作者很懒,什么都没留下…
展开
-
webpack创建一个项目(2)
一.基础知识 css和js压缩 css压缩 1.执行命令 npm install --save optimize-css-assets-webpack-plugin 2.在webpack.config.js中配置 let OptimizeCss=require('optimize-css-assets-webpack-plugin'); //css压缩 module.exports={ //优化项启动后mode模式代码压缩不再生效,必须配置js压缩插件 optimization:{ minimizer原创 2021-02-03 23:08:20 · 150 阅读 · 0 评论 -
webpack4配置一个项目(1)
一.webpack基本配置 基本步骤: (1).进入项目目录生成package.json文件 npm init (2).安装webpack和webpack-cli(脚手架) npm install --save-dev webpack webpack-cli 如果npm安装过慢可以使用cnpm cnpm install --save-dev webpack webpack-cli 安装cnpm淘宝镜像 npm i -g cnpm --registry=https://registry.npm.tao原创 2021-01-25 20:55:39 · 269 阅读 · 0 评论 -
webpack实现一个react项目
1.基本的概念 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。 入口(entry) 入口起点(entry point)指示 webpack 应该使用哪个模块,来作为构建其内部依赖图的开始。进入入口起点后,webpack 会找出有哪些模块和库是入口起点原创 2021-01-24 11:18:02 · 382 阅读 · 0 评论 -
webpack打包疑惑点
1.如何解决多文件入口问题: entry:{ main:'./src/script/main.js', a:'./src/script/a.js', b:'./src/script/b.js', c:'./src/script/c.js' }, output:{ path:'F:\\与前端有关的\\New Folder\\webpack-demo\\dist', f...原创 2019-08-27 13:42:13 · 457 阅读 · 0 评论