有關webpack、 prototype 屬性

prototype屬性簡單解釋：https://www.w3school.com.cn/jsref/jsref_prototype_array.asp

<script type="text/javascript">

    function employee(name,job,born){
        this.name=name;
        this.job=job;
        this.born=born;
    }

    var bill=new employee("Bill Gates","Engineer",1985);

    employee.prototype.salary=null;
    bill.salary=20000;

    document.write(bill.salary);

</script>

prototype 屬性使您有能力向對象添加屬性和方法。

複雜解釋： https://www.cnblogs.com/Nancy-wang/p/6903221.html?utm_source=itdadao&utm_medium=referral

鏈的鏈的鏈的鏈

有關webpack 的一些知識：https://juejin.im/post/5e01de37f265da33ab637daf

01、bundle.js 相當於是把整個文件打包後生成的~

02、 webpack是一個打包工具  分析你的項目結構，找到JavaScript模塊以及其它的一些瀏覽器不能直接運行的拓展語言（Scss，TypeScript等），並將其打包爲合適的格式以供瀏覽器使用。

03、 入口, 出口, loader 模塊轉換器  plugins插件 module模塊

在webpack裏一個模塊對應着一個文件，webpack會從配置的 Entry 開始遞歸找出所有依賴的模塊。

04、（1）啓動後在entry裏配置的 module開始遞歸解析entry所依賴的所有module（2）每找到一個module, 就會根據配置的loader去找相應的轉換規則（3）對module進行轉換後在解析當前module所依賴的module（4）這些模塊會以entry爲分組，一個entry和所有相依賴的module也就是一個chunk（5）最後webpack會把所有chunk轉換成文件輸出，在整個流程中webpack會在恰當的時機執行plugin的邏輯

05、自己寫js 自己寫一個導出， 所謂導出嗯， 也就是

（1）導出 (hello.js文件下) module.exports = function ( ) {

（2）引入 index.js引入這個模塊，那就是

const xxx = require（./hello,js)

xxxxx. appendChild(hello()) 

（3）index, 就直接去引用了?...  

(4) 吧index.js編譯到bundle.js去執行

上面的例子, 入口index.js  出口bundle.js

06、通過配置文件來使用webpack

使用 webpack.config.js 

在此處寫下了 module.exports = {

    entry:   / output:  【定義好了入口出口文件~】

終端輸入webpack就好了。。。 直接引用了那js文件..
 07、自定義~.. 

本地服務器(不用框架腳手架直接webpack:

npm install webpack-dev-server -D

• contentBase：該配置項指定了服務器資源的根目錄，如果不配置contentBase的話，那麼contentBase默認是當前執行的目錄,一般是項目的根目錄
• port：指定了開啓服務器的端口號，默認爲8080
• host：配置 DevServer的服務器監聽地址，默認爲 127.0.0.1
• headers：該配置項可以在HTTP響應中注入一些HTTP響應頭。

隨後，添加配置項到webpack.config.js，並在package.json文件中添加啓動命令

- -open 是用於啓動完服務器後自動打開瀏覽器

也可添加一個dev-tool 對調試的話生成.map文件.. 

loaders 

• test：一個用以匹配loaders所處理文件的拓展名的正則表達式（必須）
• loader：loader的名稱（必須）
• include/exclude： 手動添加必須處理的文件（文件夾）或屏蔽不需要處理的文件（文件夾）（可選）
• options： 爲loaders提供額外的設置選項（可選）

style-loader和css-loader,這樣