webpack 讀取資料夾下的檔案 Webpack

2021-10-13 11:20:03 字數 761 閱讀 4326

webpack

一、什麼是webpack

webpack 是乙個前端資源載入/打包工具。它將根據模組的依賴關係進行靜態分析,然後將這些模組按照指定的規則生成對應的靜態資源。

從圖中我們可以看出,webpack 可以將多種靜態資源 js、css、less 轉換成乙個靜態檔案,減少了頁面的請求。

二、webpack安裝

1、全域性安裝

npm install -g webpack webpack-cli

2、安裝後檢視版本號

webpack -v

三、初始化專案

1、建立webpack資料夾

進入webpack目錄,執行命令

npm init -y

2、建立src資料夾

3、src下建立01.js

exports.info = function (str) ,

module: {

rules: [

test: /\.css$/, //打包規則應用到以css結尾的檔案上

use: ['style-loader', 'css-loader']

3、在source資料夾建立style.css

body{

background:pink;

4、修改03.js

在第一行引入style.css

require('./style.css');

執行:webpack --mode=development

5、瀏覽器中檢視01.html

Python Python讀取資料夾下的所有檔案

os.listdir path 是得到在path路徑下所以檔案的名稱列表。open path 是開啟某個檔案。iter是python的迭代器。所以讀取某資料夾下的所有檔案如下 import os path d python34 news 資料夾目錄 files os.listdir path 得到資...

讀取指定資料夾下的所有檔案

c 怎樣讀取windows資料夾名和該資料夾中的excel表中的資料,並把讀到的資料夾名和excel表中的資料作為資料向插入到sql sever2000的資料表中 private void button1 click 2 object sender,system.eventargs e privat...

python如何讀取乙個資料夾下的多個檔案(夾)?

coding utf 8 import os allfilenum 0 列印乙個目錄下的所有資料夾和檔案 def printpath level,path global allfilenum 使用全域性變數allfilenum 存放當前目錄下所有資料夾的列表 dirlist 存放當前目錄下所有檔案的...