卡卡罗特酷酷一麻袋

mvvm/mvc/virtual dom/ dom diff...... ...

webpack 中 optimization配置 还可以 将node_modules中代码单独打包一个chunk最终输出，如果是多入口，可以 自动分析多入口chunk中，有没有公共的文件。如果有会打包成单独一个chunk

配置项目中常用的基本配置:module.rules配置列表csslesspostcss:css兼容eslint:语法检查babel:js兼容性处理图片html图片其他文件类型module.plugin

Babel简述及作用项目中运用需要安装的插件babel-loader(必装)@babel/croe(必装)@babel/preset-env(必装):基本js兼容性处理,问题:只能转换基本语法,如pr

css文件单独提取安装MiniCssExtractPlugin插件(需要搭配webpack4版本使用)目录结构在css文件夹下创建css文件a.cssb.cssc.css随意写样式img放图片js放i

生产编译步骤源代码->webpack->bundle(资源文件,能够让浏览器识别)开发环境的配置首先要让项目运行需要先安装webpack-dev-server开发环境配置:能让代码运行运行项目指令:n

项目目录devServer开发服务器devServer:用来自动化(自动编译,自动打开浏览器,自动刷新浏览器,不需要通过打包来预览),需要在webpack.config.js文件中进行配置devSer

1. 首先初始化项目 2. 安装webpck webpack-cli loader: 1. 下载 2.使用 (配置loader) plugins: 1.下载 2.引入 3. 使用

Webpack是一种前端资源构造工具,一个静态模块打包器(module bundler)。在Webpack看来，前端的所有资源文件（js/json/css/img/less/...)都会作为模块处理。它根据模块的依赖关系进行静态分析，打包生成对应的静态资源(bundle) 输出…