webpack的基础安装与打包使用

1、安装node.js。

2、安装webpack

cnpm install webpack -g

3、安装webpack-cli,4.0以上版本都需要安装才能使用

npm install  webpack-cli -g

4、新建项目apps

mkdir apps

5、cd 进去项目

cd apps

6、安装webpack

初始化 npm,然后 在本地安装 webpack,接着安装 webpack-cli(此工具用于在命令行中运行 webpack):

npm init -y
npm install webpack webpack-cli --save-dev


7、apps文件夹内新建测试文件

demo.js

document.write("It works.");

index.html

<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <script type="text/javascript" src="xhcss.js" charset="utf-8"></script>
    </body>
</html>

7、打包

webpack demo.js -o xhcss.js

旧版打包命令是

webpack demo.js xhcss.js

就是少了一个-o

这时候我们就会发现目录内多了xhcss.js

image.png

好了我们可以打开index.html看下效果!

image.png

完成!


使用小技巧

cmd进入D盘符

d:

创建目录

mkdir

进入目录

cd 目录名


相关内容

发表评论

验证码:
点击我更换图片

最新评论