了解webpack 关于vue的手动安装 ， source-map调试模式，前端打包编译时代来临对漏洞挖掘的影响

1.
https://medium.freecodecamp.org/getting-started-with-vue-single-file-components-using-webpack-2ae078058688
https://github.com/dushyant89/vue-webpack

前面那些都裝不起來
試試以下這個
https://segmentfault.com/a/1190000015490721  這個可以!!!  (實做出來的檔案我有放在google drive )


 ~ ~ 小知識學習 ~ ~ 
npm start和 npm run start是等效关系，在一个npm管理项目中，一般默认有start的定义，且会经常使用，所以就在npm执行中简化输入目的设置了npm run start的简写，类似的还有npm stop、npm test等等。而其他的一些不太通用的命令项则只能通过npm run <命令项>的形式执行啦。


2.source-map调试模式，轻松通过两个实例来理解 devtool: 'source-map' 是什么意思  https://www.kancloud.cn/hfpp2012/webpack-tutorial/477842

針對js

devtool: 'source-map',

針對css

{

test: /\.css$/,

use: ['vue-style-loader','css-loader?sourceMap'], // 使用vue-style-loader直接插入到style标签中

}

3.
前端打包编译时代来临对漏洞挖掘的影响   https://www.fmzyz.com/11444.html  ，為什麼要打包？除了前端越來越多檔案模式，如ts, sass,...，還有因為前後端分離，api避免暴露，打包後的文件不易讀的原因。。。然而有bundle就有debundle，所以...哈哈哈