随笔分类 -  webpack

摘要：最近使用antd来做react项目的UI。从antd官网上，在使用create-react-app脚手架搭建项目时步骤如下： （1）添加模块 react-app-rewired, babel-plugin-import, react-app-rewire-less （2）根目录添加config-ov 阅读全文

摘要：之前1-3部分是webpack最基本的配置， 接下来会把项目结构和配置文件重新设计，可以扩充更多的功能模块。 一、重构webpack的配置项 1. 新建目录build,存放webpack不同的配置文件 (1) webpack.config.base.js 【保留公共的配置项，将生产环境和开发环境使用 阅读全文

摘要：在从0开始搭建vue+webpack脚手架（二）中已经基本完成了开发环境的配置。当开发完成后，我们需要将完成的项目进行打包，接下来对打包做一些优化： 运行 $ npm run build 可生成dist目录 可以看到 01.jpg被存放在 images目录下, 并且后面生成一串不固定的字符串， 这是 阅读全文

摘要：接着从0开始搭建vue+webpack脚手架（一） 三、配置webpack-dev-server 1. webpack-dev-server自带一个node的服务器， 项目在服务端运行的同时可以实现热更新加载 2. 安装兼容环境变量的包 cross-env （1）原因： 构建项目时分生产环境和开发环 阅读全文

摘要：基于多数情况下都是使用vue-cli初始化项目， 却始终未去了解其原理。从零开始搭建，可以让自己更深层次的理解框架。 首先从最基本的npm 开始， 至于安装npm 和 node就不用再赘述了，那是前端自动化开发最基本的能力。 一、初始化 1 新建项目目录， 生成package.json并创建项目基本 阅读全文

摘要：webapck中使用loader的方法有三种 使用loader之前必须运行安装 : npm install --save-dev xxx-loader (1)通过CLI : 命令行中运行 webpack --module-bind jade --module-bind 'css=style!css' 阅读全文