使用过create-react-app（以下简称cra）的朋友都知道，这是react官方的一款脚手架工具，内部集成了babel，webpack，webpack-dev-server等等。 以前我们要在cra中做webpack的配置，有三种方式： 1、运行npm run eject得到原始的webpa ...
分类：
移动开发 时间：
2019-04-09 15:09:21
阅读次数：
1839
从同事手中接手项目之后。npm install 然后npm start的时候。开始报上图的错误。解决方法一（比较 愚蠢）当时找到的解决方法都没有用。然后只能按照报错的路径，从同事那边复制了node_modules下面的文件（报错路径文件替换掉），ran然后在npm start的时候，项目可以正常运行 ...
分类：
Web程序 时间：
2019-04-08 11:53:09
阅读次数：
892
node_modules/.bin/webpack 用webpack 打包 因为我们没有全局安装webpack 所以要用到这条命令 创建html 3.babel 使用es6 yarn add babel-core@6.26.0 babel-preset-env@1.6.1 babel-loader@ ...
分类：
Web程序 时间：
2019-04-08 01:10:53
阅读次数：
191
node本身并不支持es6语法，我们通常在vue项目中使用es6语法，是因为，我们使用babel做过处理， 为了让项目支持es6语法，我们必须同时使用babel 去启动我们的程序，所以再启动程序中加 exec babel node，让node 和babel node同时启动程序 需要在package ...
分类：
其他好文 时间：
2019-04-03 22:14:48
阅读次数：
373
最终效果: 配置webpack 自动编译脚本， 内容更改后浏览器页面自动刷新，提高效率。 主要靠webpack 的watch 功能。 npm 全局安装的包： webpack webpack-cli webpack-dev-server. 项目内2个文件 package.json. webpack.c ...
分类：
Web程序 时间：
2019-03-28 17:03:31
阅读次数：
392
创建项目 自定义配置 安装自定义配置所需插件： 安装 babel plugin import 来加载 antd： 项目根目录新建一个 config overrides.js 跨域配置 运行： 在 src 目录下新建 setupProxy.js 使用sass `yarn add node sass` ...
分类：
移动开发 时间：
2019-03-23 17:29:34
阅读次数：
815
（背景： 先用 babel 转译 es6 再 用 browserify 打包 模块化文件，来解决浏览器不支持模块化 ）（Browserify是一个让node模块可以用在浏览器中的神奇工具） 今天折腾了一上午，对于前端好多自动化管理的命令用起来，步骤甚多，故想写一个脚本文件，将项目所需要执行到命令 都 ...
分类：
系统相关 时间：
2019-03-22 17:02:46
阅读次数：
211
Babel默认只转换新的JavaScript句法（syntax），而不转换新的API，比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise、Async等全局对象，以及一些定义在全局对象上的方法（比如Object.assign）都不会转码 ...
一般来说VUE本身是不支持IE的，但是可以用特殊的方法来解决，亲测可用第一步：下载插件 cnpm install --save babel-polyfill第二步：入口文件main.js引入( import 'babel-polyfill') 好多人没引入，结果不生效第三步：配置文件修改 vue-l ...
分类：
其他好文 时间：
2019-03-22 00:17:45
阅读次数：
408
在 ReactJS 较为初级的使用 antd mobile 使用时候直接加载 node_modules 文件中的相关 CSS，这个使用方法效率低；更高明的方法则按需加载，需要设置如下： 1. 在 package.json 的 babel 配置里的 plugins 项里添加 如下代码: 参考： 1. ...
分类：
Web程序 时间：
2019-03-21 01:00:07
阅读次数：
227
