webpack
请参考右边网页的Installation
和Getting Started
篇:https://webpack.js.org/guides/
安装webpack
先使用git bash进入一个你想安装的位置,然后请在git bash里输入如下命令,该命令将下载最新版本的webpack
。
cd //这里填写你想安装的位置 npm install --save-dev webpack
webpack
安装成功及文件夹中新增文件如下二图:
新建信息文件package.json
webpack
安装成功后,如果想在目录下新建一个webpack
相关的信息文件,请使用下面命令:
npm init -y
信息文件package.json
新建成功及文件夹中新增文件如下二图:
加载Lodash
方法1
首先,修改文件夹结构,添加下图中没有的文件夹和文件:
node_modules
、package-lock.json
是下载webpack
产生的文件package.json
是webpack
相关的信息文件,现在需要修改私密性
+ "private": true, //前面加号表示请 添加 这行 - "main": "index.js", //前面减号表示请 删除 这行
添加
index.html
<!doctype html> <html> <head> <title>Getting Started</title> <script src="https://unpkg.com/[email protected]"></script> </head> <body> <script src="./src/index.js"></script> </body> </html>
添加
./src/index.js
function component() { let element = document.createElement('div'); // Lodash, currently included via a script, is required for this line to work element.innerHTML = _.join(['Hello', 'webpack'], ' '); return element; } document.body.appendChild(component());
完成添加、修改,运行index.html
,看到如下结果,说明正确:
方法2
修改文件夹结构,将index.html
移入文件夹dist
中:
在webpack
安装目录下,使用如下命令安装lodash
cd //这里填写webpack安装目录 npm install --save lodash
安装成功后,会在node_modules
里添加新文件夹lodash
、lodash.debounce
:
修改
./src/index.js
import _ from 'lodash' //
相关推荐
不知道该写啥QAQ 2020-11-12
webfullStack 2020-11-09
Yvettre 2020-09-15
想做大牛的蜗牛 2020-10-30
gloria0 2020-10-26
gaojie0 2020-09-11
SelinaChan 2020-08-14
不知道该写啥QAQ 2020-08-09
gloria0 2020-08-09
不知道该写啥QAQ 2020-08-02
hline 2020-07-29
SelinaChan 2020-07-28
wangdianyong 2020-07-23
webpackvuees 2020-07-23
yqoxygen 2020-07-20
不知道该写啥QAQ 2020-07-18
waterv 2020-07-18
81463166 2020-07-17