![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Webpack
文章平均质量分 93
buyue__
这个作者很懒,什么都没留下…
展开
-
webpack前端工程化
工程化包含4个现代化 1.模块化(js的模块化,css的模块化,其他资源的模块化) 2.组件化(可复用的UI结构、样式、行为) 3.规范化(目录结构划分合理,编码规范化,接口规范化,文档规范化,版本控制规范化) 4.自动化(自动化构建,自动化部署,自动化测试) 目前主流前端工程化解决方案: webpack js模块化历程 设置使用国内镜像 npm config set registry https://registry.npm.taobao.org 本文所使用的环境版本 "webpack": "^原创 2022-02-18 16:54:30 · 886 阅读 · 0 评论 -
Webpack4入门2模块
在 webpack 4 中,可以无须任何配置使用,然而大多数项目都需要比较复杂的设置。 增加webpack.config.js配置文件,使其目录如下 webpackDemo |- package.json + |- webpack.config.js |- /dist |- index.html |- /src |- index.js webpack.config....原创 2019-11-24 22:16:27 · 87 阅读 · 0 评论 -
Webpack4入门1初始化项目
在阅读本文章之前有必要把Webpack相关的概念快速过一遍,有利于加快理解 cd /website mkdir webpackDemo cd webpackDemo npm init -y 安装 webpack 和 webpack-cli (Webpack 4.0以后需要单独安装) npm install webpack webpack-cli --save-dev 安装成功后的目录结构如下:...原创 2019-11-24 08:41:39 · 149 阅读 · 0 评论