7. webpack 初步熟悉使用
1. 建立專案資料夾 （資料夾或者名稱你可以自定義，但是盡量標準化）
2.建立專案目錄，必須目錄和必須檔案，然後使用專案指令
（1.）
dist --
存放打包檔案
（2.）
src --
存放檔案
（3）
src
下下面建立
css /js/images
檔案（4） 在
src
目錄下，建立必備檔案目錄，
index.html main.js
3.整個部署於使用過程如下。
犯錯總結：
index.html 中忘記引包了
src="../dist/boudle.js"
，所以沒有效果。。。。
doctype html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
meta
name
="generator"
content
="editplus®"
>
<
meta
name
="author"
content=""
>
<
meta
name
="keywords"
content=""
>
<
meta
name
="description"
content=""
>
<
title
>
元件的開發
title
>
<
script
src=
"../dist/boudle.js"
>
script
>
head
>
<
body
>
<
ul>
<
li>
111111
li>
<
li>
22222
li>
<
li>
1333
li>
<
li>
1333
li>
<
li>
13333
li>
<
li>
13333
li>
<
li>
1333
li>
<
li>
14444
li>
<
li>
14994
li>
<
li666
>
li>
ul>
body
>
html
>
(4) 整體總結：
1.想要控制
li,需要引入
jquery
2. 倒入
jquery
包，使用
npm
指令，3.初始化一下
npm init
：這個命令用於建立乙個
package.json
。 特別要注意路徑
npm init --yes或
npm init -y:
從當前目錄中提取的資訊生成預設的
package.json
。建立過程中不會提問。
4. npm i jquery -s 安裝
jquery(
倒入)jquery
5. 到
main.js
中去編輯相關**和指令
,6.寫好以後，明知道不會相容，因此需要
webpack
打包一下，
7.webpack .\src\main.js --output .\dist\boudle.js
8.index.html 中忘記引包了，所以沒有效果。。。。
Webpack配置檔案初步
在命令列中輸入 npx webpack 需要打包的檔名這樣便可以對檔案進行打包，似乎並不需要所謂的配置檔案。而實際上，並不是不需要配置檔案，而是因為webpack自身有乙個比較完善的預設配置。webpack的預設配置檔名是webpack.config.js。我們來看乙個比較基礎的配置寫法 const...
Webpack（7）HMR模組熱替換
模組熱替換 hot module replacement 或 hmr 是 webpack 提供的最有用的功能之一。它允許在執行時更新各種模組，而無需進行完全重新整理。hmr 不適用於生產環境，這意味著它應當只在開發環境使用。啟用此功能實際上相當簡單。而我們要做的，就是更新 webpack dev s...
centos7上ansible初步使用
1.安裝ansible yum install ansible 2.配置ssh互信，假設openssh6.6已經裝好 ssh keygen t rsa 可以發現在 ssh目錄下多了一對公鑰和私鑰 cat id rsa.pub authorized keys 這個檔案沒有就自己建立個，每個主機都有一對...