前端工程化
文章平均质量分 93
webpack babel
GoodbyeRonnie
这个作者很懒,什么都没留下…
展开
-
Git:Commit Message 规范和代码格式校验
Commit Message 规范以 angular 规范为例,格式如下:type(scope): subject # head 必填,其中 type 和 subject 必填。 # 空行72-character wrapped. # body 选填。 ...转载 2018-11-13 17:44:01 · 9357 阅读 · 0 评论 -
Git:git pull 冲突 清除 staged
问题当 git pull 时,如果有冲突,那么除了冲突文件,其它文件都会做为staged区的文件保存起来。重现$ git pullA app/controller/index.jsA app/controller/home.jsM app/view/index.art......A app/static/css/common.cssPull is not...转载 2018-11-29 10:55:26 · 1410 阅读 · 0 评论 -
Git:同步他人的远程仓库至自己的Git服务器并自动定时更新
昨天晚上将2015年一篇不负责的Git服务器搭建的教程更新了一下.详见在CentOS下搭建自己的Git服务器及使用nginx配置gitweb面板今天折腾了一些本地的项目,倒是可以了.现在的需要是 将远程的仓库,同步一份到自己的git服务器.开始想的是,远程clone下来本地,然后本地提交一次到自己的git服务器 . 实在是太二了...我的需求是Git服务器A: github之类的...转载 2017-12-09 10:01:04 · 6765 阅读 · 2 评论 -
webpack:开发环境(不适用生产环境)
使用inline-source-map实现错误追踪webpack.config.js const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const CleanWebpackPlugin = require('clean-webpack-plugin');...转载 2018-10-22 02:37:15 · 331 阅读 · 0 评论 -
webpack:ExtractTextWebpackPlugin
安装ExtractTextWebpackPluginnpm install --save-dev extract-text-webpack-plugin配置webpack.config.js文件const ExtractTextPlugin = require("extract-text-webpack-plugin");module.exports = { module:...转载 2018-10-22 01:01:17 · 1144 阅读 · 0 评论 -
webpack:HtmlWebpackPlugin
使用HtmlWebpackPlugin可以重构入口html,动态添加<link>和<script>,在以hash命名的文件上每次编译都会改变hash值HtmlWebpackPlugin的配置参数如下名称 类型 默认 描述 title {String} Webpack App 设置生成的HTML文件的title标签 file...翻译 2018-10-22 01:01:54 · 1376 阅读 · 0 评论 -
webpack:入门教程重构
调整项目目录 webpack-demo |- package.json |- webpack.config.js |- /dist |- /src |- index.js |- print.js 创建print.js |- /node_modules修改项目文件src/print.jsexport default function pri...转载 2018-10-22 00:58:56 · 262 阅读 · 0 评论 -
webpack:使用笔记
安装node初始化项目npm init -y安装webpack到项目npm install webpack webpack-cli --save-dev配置package.json文件设置private为true,移除main入口 { "name": "webpack-demo", "version": "1.0.0", "desc...原创 2018-10-21 22:07:49 · 208 阅读 · 0 评论 -
lerna: 基础使用
lerna概要lerna是GitHub上面开源的一款js代码库管理软件, 用来对一系列相互耦合比较大、又相互独立的js git库进行管理。解决各个库之间修改混乱、难以跟踪的问题。lerna可以优化这种情形下的工作流。对于一些功能比较全的库,我们往往会把各个小功能拆分成独立的npm库,他们直接有比较强的依赖关系。比如:Babel、React等开源代码都是按照这种方式进行处理的。代码库...转载 2019-03-11 10:10:17 · 5318 阅读 · 0 评论 -
lerna: 最佳实践
最近在工作中使用了lerna进行前端包的管理,效率提升了很多。所以打算总结一下最近几个月使用lerna的一些心得。有那些不足的地方,请包涵。该篇文章主要包括在使用lerna的一些注意事项,和使用过程中与其他工具的整合,最终形成的一个最佳实践。package的指的是一个可以通过npm包管理工具发布的一种目录结构,翻译过来感觉不太适合,所以就用package来说明吧。前端开发...转载 2019-03-11 10:14:45 · 11704 阅读 · 1 评论 -
CI:GitLab-CI 和 Gitlab-Runner 安装使用
系统环境:mac:10.13安装 GitLab-Runnersudo curl --output /usr/local/bin/gitlab-runner https://gitlab-runner-downloads.s3.amazonaws.com/latest/binaries/gitlab-runner-darwin-amd64Give it permissions to e...翻译 2019-01-02 18:33:23 · 1774 阅读 · 0 评论