webpack
文章平均质量分 86
纵使风吹
这个作者很懒,什么都没留下…
展开
-
webpack创建一个项目(2)
一.基础知识css和js压缩css压缩1.执行命令npm install --save optimize-css-assets-webpack-plugin2.在webpack.config.js中配置let OptimizeCss=require('optimize-css-assets-webpack-plugin');//css压缩module.exports={//优化项启动后mode模式代码压缩不再生效,必须配置js压缩插件 optimization:{ minimizer原创 2021-02-03 23:08:20 · 149 阅读 · 0 评论 -
webpack4配置一个项目(1)
一.webpack基本配置基本步骤:(1).进入项目目录生成package.json文件npm init(2).安装webpack和webpack-cli(脚手架)npm install --save-dev webpack webpack-cli如果npm安装过慢可以使用cnpmcnpm install --save-dev webpack webpack-cli安装cnpm淘宝镜像npm i -g cnpm --registry=https://registry.npm.tao原创 2021-01-25 20:55:39 · 262 阅读 · 0 评论 -
webpack实现一个react项目
1.基本的概念本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。入口(entry)入口起点(entry point)指示 webpack 应该使用哪个模块,来作为构建其内部依赖图的开始。进入入口起点后,webpack 会找出有哪些模块和库是入口起点原创 2021-01-24 11:18:02 · 380 阅读 · 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 · 439 阅读 · 0 评论