webpack的學習 二

webpack不通過命令的形式指定入口和出口進行打包構建

建立乙個配置檔案 webpack.config.js

const path = require('path')

//這個配置檔案，其實就是乙個 js 檔案，通過 node 中的模組操作，向外暴露了乙個 配置物件

module.exports = {

//在配置檔案中，需要手動指定 入口 和 出口

entry: path.join(__dirname, './src/main.js'), //入口，表示，要使用 webpack 打包哪個檔案

output: { //輸出檔案相關的配置

path: path.join(__dirname, './dist'), // 指定打包好的檔案，輸出到哪個目錄中去

filename: 'bundle.js' //指定輸出的檔案的名稱

1、首先，webpack發現，我們並沒有通過命令的形式，給它指定入口和出口

2、webpack就會去專案的根目錄中，查詢乙個叫做webpack.config.js的配置檔案

3、當找到這個配置檔案後，webpack就會去解析執行這個配置檔案，當解析執行完配置檔案後，就得到配置檔案中，匯出的配置物件

4、當webpack拿到配置物件後，就拿到了配置物件中，指定的入口和出口，然後進行打包構建

Webpack學習筆記 二

專案結構 總所周知，css的規則都是全域性的，任何乙個元件的樣式規則，都對整個頁面有效。產生區域性作用域的唯一方法，就是使用乙個獨一無二的class名字，不會與其他選擇器重名。這個就是css module的做法。接下來，我們來看看webpack中是怎麼實現的 var react require re...

入門webpack 二）webpack概論

從官網 github 上的描述可以看到webpack可以將眾多模組打包成很少的的資源，將 分割成細小的部分這樣使應用程式按需要載入 塊。通過loader，webpack可以處理的模組有很多，amd定義的模組，commonjs，css，images，scss等以及自定義模組。webpack自身只能處理...

webpack學習（二）初識打包配置

前言 webpack打包工具讓整個專案的不同資料夾相互關聯，遵循我們想要的規則。想 vue檔案，scss檔案瀏覽器並不認識，因此webpage暗中做了很多轉譯，編譯等工作。事實上，如果我們在沒有加配置檔案之前 webpack是有預設配置的，比如在專案最開始的時候我們沒有加上webpack.confi...