webpack安装教程及实例

2021-06-14 21:02

阅读：644

标签：script set title 控制台 put conf config entry name

在控制台输入：

npm install webpack -g

这是全局的安装，如果需要局部安装，在控制台cd 打开到指定目录，输入：

npm install webpack --save-dev

即可。

实例：

建立index.html文件
建立main.js文件
建立webpack.config.js文件

index.html

html lang="en">
 
head>
    title>title>
    meta charset="UTF-8">
    meta name="viewport" content="width=device-width, initial-scale=1">
 
head>
 
body>
    script type="text/javascript" src="bundle.js">script>
body>
 
html>

main.js

document.write("Hello World
");

webpack.config.js

module.exports = {
    entry: "./main.js",//这是源文件
    output: {
        filename: ‘bundle.js‘ //这是生成的新文件
    }
};

三个文件创建好之后，我们需要把项目运行起来，使用live-server来运行项目。

在控制台直接输入：

npm install live-server -g

安装成功之后，在控制台cd打开到项目的根目录，然后在控制台先输入webpack命令，webpack就是执行打包指令，打包成功之后，

在控制台输入：

live-server

即可运行项目。

webpack安装教程及实例

标签：script set title 控制台 put conf config entry name

原文地址：http://www.cnblogs.com/Mrrabbit/p/7278226.html

上一篇：h5-26-web本地存储

下一篇：ThinkPHP框架初步掌握

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：webpack安装教程及实例
文章链接：http://soscw.com/essay/93986.html

亲，登录后才可以留言！

webpack安装教程及实例

Hello World

评论

热门文章

推荐文章

最新文章

置顶文章