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.jsfunction 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.jsimport _ from 'lodash' //
相关推荐
不知道该写啥QAQ 2020-11-12
webfullStack 2020-11-09
Yvettre 2020-09-15
想做大牛的蜗牛 2020-10-30
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