https://github.com/wklili/usehtmlapi

学习webpack与git管理项目开发，并使用分支开发组建
https://github.com/wklili/usehtmlapi

Last synced: about 1 month ago
JSON representation

学习webpack与git管理项目开发，并使用分支开发组建

• Host: GitHub
• URL: https://github.com/wklili/usehtmlapi
• Owner: WKlili
• Created: 2018-07-08T04:49:36.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-07-14T09:45:39.000Z (over 6 years ago)
• Last Synced: 2024-10-11T09:39:30.434Z (about 1 month ago)
• Language: JavaScript
• Size: 297 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
1.git初始化项目 

mkdir useHtmlApi

git init

2.初始化npm项目环境

npm init

3.提交第一个package.json添加到仓库(git add 可以一次提交多个文件)

git add package.json

4.把文件提交到仓库

git commit -m 'npm init'

5.git status 查看项目当前更改情况

6.git diff README.md查看更改了那些部分

当git add README.md之后就可以发现下次git commit的提交就可以包括修改过的内容了

7.git reset --hard HEAD^

git reset --hard HEAD^表示回退上一个版本


 git reset --hard HEAD^^表示回退上上个版本

8.git reset --hard 1094a

回到固定的某个提交版本（如果找不到自己的版本编号了，可以使用git reflog查看每一次的命令）

9.注意本地全局webpack和项目中的webpack版本是否一致。

npx webpack --config webpack.config.js;将根据本地的webpack配置文件进行打包

10.webpack管理资源（loader的使用）

webpack的配置文件的位置暂时不知道在哪里修改，然后就是寻找文件的位置在include中配置的，cssloader Ok

11.webpack配置多个入口文件

在output中通过变量输出对应的文件名到index.html中(17中已解决)

12.开发环境的搭建

首先在生产环境中加入source map有利于查找问题位置引入 devtool: 'inline-source-map'（还有不同等级的map）

使用观察者模式，检查当文件发生改变自动编译输出（使用webpack --watch）唯一问题是浏览器无法热更新

webpack-dev-server用来处理热更新npm 执行webpack-dev-server --open 然后在webpack配置文件中写入devServer

要监听的文件（发现更新效率较低，等待时间较长）

13.与服务器合作

14.热更新,问题是和vue-cli比更新的速度还是非常慢，需要五秒左右，需要解决这个问题

15.与vue结合，输出模版。需要在插件中配置HtmlWebpackPlugin设置模版文件

16.解决每次打包时间过长的原因有三点，

resolve需要重新打包的文件，减少loader时间

将source-map的类型改为cheap类型大大减少打包时间

model设置为开发者模式，可以减少一定的时间

暂时不清楚是否有其他方法！！！！

17.vue的组件实现，es6的语法使用，以及重新加一个git分支，最后合成代码。

https://www.cnblogs.com/wonyun/p/6030090.html(html-webpack-plugin详解)

vue组件之间的值传递

vue组件之间的事件触发还有input的model的值传递，总的来说都是通过eventloop分发事件

移植到win