[聚合文章] webpack初试

JavaScript 2017-12-19 19 阅读

1: 为什么要用webpack?

webpack已经是大部分前端项目打包工具的首选,它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。

2: webpack的简单使用。

  • 目录结构
    新建一个文件夹webpack-demo,然后在文件夹中运行npm init,生成package.json文件,然后在文件夹webpack-demo中新建src(放置源码),build(放置打包后的代码)两个文件夹,在src文件夹中新建js文件夹,在js文件夹中新建main.jshello.js文件,在build文件夹中新建js文件夹。最后在根目录新建index.html文件,webpack-config.js文件。目录结构如下图:

    注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。