码迷,mamicode.com
首页 > 其他好文 > 详细

4-开发环境.

时间:2019-03-15 00:55:55      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:exports   环境   port   添加   静态网页   修改   fill   run   bpa   

安装node和npm
npm init 初始化项目
规范版本号

一级版本,重构版本

二级版本,重大功能改进

三级版本,小升级或者bug修复

为何从0.0.1开始,可以认为是非正式版,正式版可以以1.x.x开始了。

规范一级目录

src - 源代码

release - 发布结果

test - 单元测试用例

doc - 文档

example - 示例

构建工具

复制命令

npm i babel-core babel-loader babel-polyfill babel-preset-es2015 babel-preset-latest webpack webpack-cli --save-dev --registry=https://registry.npm.taobao.org
添加.gitignore文件
创建.babelrc文件

文件内容

{
 "presets": ["es2015","latest"],
 "plugins": []
}
项目根目录下创建 webpack.config.js文件

内容如下

module.exports = {
 entry : './src/index.js',
 output : {
     pathh: __dirname,
     filename: './release/bundle.js',
 },
 module: {
     rules: [{
         test: /\.js?$/,
         exculde: /(node_modules)/,
         loader: 'babel-loader'
     }]
 }
}
修改package.json中的scripts

添加代码

"release": "webpack"

运行命令,生成release的内容

npm run release
运行示例

在example中创建test.html,引用release的内容

<!DOCTYPE html>
<html>
 <head>
     <meta charset="UTF-8">
     <title>***</title>
 </head>
 <body>
     <p>
         example
     </p>
     <script src="../release/bundle.js"></script>
 </body>
</html>
如何规范化运行

npm安装静态网页工具npm install http-server -g

修改package.json中的scripts,添加"example": "http-server -p 8080"

运行命令npm run example

浏览器访问http://localhost:8080/example/test.html

规范git分支

至少要2个分支,master和dev。原则是用不到就先不要规划。

完善README.md
  • 产品简介
  • 产品安装和下载
  • 快速使用
  • 交流提问区
  • 关于作者
提交GitHub

4-开发环境.

标签:exports   环境   port   添加   静态网页   修改   fill   run   bpa   

原文地址:https://www.cnblogs.com/TomAndJerry/p/10534578.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!