Webpack 是一個前端資源加載/打包工具。它將根據模塊的依賴關系進行靜態分析,然后將這些模塊按照指定的規則生成對應的靜態資源。
LOADER
Webpack 本身只能處理 JavaScript 模塊,如果要處理其他類型的文件,就需要使用 loader 進行轉換。
所以如果我們需要在應用中添加 css 文件,就需要使用到 css-loader 和
style-loader,他們做兩件不同的事情,css-loader 會遍歷 CSS 文件,然后找到 url()
表達式然后處理他們,style-loader 會把原來的 CSS 代碼插入頁面中的一個 style 標簽中。