自动化构建工具
赵乘风_i
前端搬砖
展开
-
webpack编译react需要注意的细节
原文地址:https://www.onmpw.com/tm/xwzj/web_150.html使用webpack编译打包react是非常便捷的。这也是人们常用的一种方式。但是在使用过程中,一定要注意一个细节,那就是webpack和babel-loader的安装位置。react安装当然,使用react必须先安装react和react-dom,其安装方式很简单(前提是我们必须安装有npm)。# npm...转载 2018-03-29 17:28:46 · 2712 阅读 · 0 评论 -
前端自动化 package gulp webpack浅析
package.json NPM包的相关信息,包含各种所需要的模块以及项目的配置信息包括 名称 , 版本 , 许可证等在执行npm init时,会自动下载所有依赖项。 { "name" : "packageDemo", //当前包(项目)的名字 "description" : "learn npm package.", "keywords" : ["npm", &quo原创 2018-03-14 10:48:04 · 288 阅读 · 0 评论 -
实践webpack+es6+react+redux+antd构建项目(四) 区分dev和prod环境
使用webpack主要是想因为其优秀的压缩打包功能,之前的配置中只是设置了关于dev环境的启动和运行。但是打包的时候文件并没有变小,也就是没有使用到压缩的配置。这次会配置相关的压缩以及区分生产环境和开发环境开发环境(development)和生产环境(production)的构建目标差异很大。在开发环境中,我们需要具有强大的、具有实时重新加载(live reloading)或热模块替换(hot...原创 2019-01-04 17:34:07 · 1229 阅读 · 0 评论 -
实践webpack+es6+react+redux+antd构建项目(一) webpack配置
在网上看到过很多教程,都是从零开始构建一个项目,每次看着都浩浩荡荡的开始跟着博客一步一步走,但是总是很难成功。自己一直想要从零构建一个项目来实践一下,了解一下偏底层的配置。最近比较有时间,就又一次开始了。不过这次没有盲目的在网上找教程,而是直接打开官方文档webpack,开始实践。 所以给大家的建议也是 学习就直接看官方文档就行,遇到问题再搜索,整那些有的没的,其实...原创 2018-12-25 19:41:26 · 1705 阅读 · 0 评论 -
babel安装问题,Cannot find module '@babel/core' babel-loader@8 requires Babel 7.x (the package '@babel/c
最近构建两个项目,都有遇到这个问题,记录一下Cannot find module '@babel/core' babel-loader@8 requires Babel 7.x (the package '@babel/core'). If you'd like to use Babel 6.x ('babel-core'), you should install 'babel-loader@...原创 2019-01-19 16:18:04 · 11211 阅读 · 0 评论 -
使用vue+webpack构建项目(二) 引入vuex vue-resource vue-router
之前学习到了 使用vue+webpack构建项目(一)基本配置 这里,这次学习在这个基础项目中引入 vuex、 vue-resource、vue-router等。首先是安装依赖npm i --save-dev vuex vue-resource vue-router element-ui其中vuex 是 状态管理库vue-resource 是 异步加载数据vue-...原创 2019-01-21 17:52:00 · 2005 阅读 · 0 评论