0.8.8 • Published 3 years ago
make-extension v0.8.8
扩展构建工具
install -g make-extension
node版本要求
10.9.0
构建流程
- 清理
dist
目录 - 复制国际化及图标文件到
dist
- 读取
browser/base/manifest.json
,browser/${process.env.BROWSER}/mafest.json
合并后生成扩展manifest临时文件 - 执行
browser/base/.pointrc.js
,browser/${process.env.BROWSER}/.pointrc.js
结果合并后生成此次打包过程中需要webpack额外进行编译的entry point - 根据manifest临时文件和
.pointrc.js
的结果生成webpack entry - 执行
browser/base/.postcssfunctionrc.js
,browser/${process.env.BROWSER}/.postcssfunctionrc.js
结果合并后生成额外的postcss-function(用法参考) - 执行webpack打包
- 根据webpack打包结果,替换manifest临时文件中的路径生成正式的manifest.json
预定义的webpack env
- process.env.BROWSER(当运行
make-extension dev chrome
时,process.env.BROWSER === 'chrome') - process.env.NODE_ENV(dev时为
development
,build时为production
)
预定义的webpack alias
- @(相当于browser/base/src)
- ~(相当于browser/${process.env.BROWSER}/src)
webpack entry point收集流程
- 生成
manifest.json
,收集文件中以@/
或~/
开始的路径,比如@/pages/newtab.html
- 读取
browser/base/.pointrc.js
,browser/${process.env.BROWSER}/.pointrc.js
记录的路径 - 将路径转化为entry point,比如
@/pages/newtab.html
->browser/base/src/pages/newtab/index.js
,如果目录下还存在index.html
就作为该页面对应的html模板传递给HtmlWebpackPlugin
可以使用的js草案语法
使用到的postcss plugin
注意
- 0.5.0之前添加了babel插件
plugin-proposal-decorators
,考虑到会增加代码体积已在0.5.0移除
使用中的项目
0.8.8
3 years ago
0.8.7
4 years ago
0.8.5
4 years ago
0.8.4
4 years ago
0.8.6
4 years ago
0.8.1
4 years ago
0.8.3
4 years ago
0.8.2
4 years ago
0.8.0
4 years ago
0.7.0
4 years ago
0.6.3
5 years ago
0.6.2
5 years ago
0.6.1
5 years ago
0.6.0
5 years ago
0.5.0
5 years ago
0.4.0
5 years ago
0.3.9
5 years ago
0.3.8
5 years ago
0.3.7
5 years ago
0.3.6
5 years ago
0.3.5
5 years ago
0.3.4
5 years ago
0.3.2
5 years ago
0.3.1
6 years ago
0.3.0
6 years ago
0.2.6
6 years ago
0.2.5
6 years ago
0.2.4
6 years ago
0.2.3
6 years ago
0.2.2
6 years ago
0.1.2
6 years ago
0.1.1
6 years ago
0.1.0
6 years ago