摘要:
6.使用图片 6.1.尝试在css中引入图片 在src目录下新建css文件夹,并且在css文件夹下创建app.css文件,在src目录下新建images文件夹,放入一张图片,在app.css中引入这张图片 在命令行中通过 npm start运行,查看结果,命令行中会报以下错误 通过报错信息,我们大体 阅读全文
摘要:
5.loader 5.1.什么是loader? loader 让 webpack 能够去处理那些非 JavaScript 文件(webpack 自身只理解 JavaScript)。loader 可以将所有类型的文件转换为 webpack 能够处理的有效模块,然后你就可以利用 webpack 的打包能 阅读全文
摘要:
4.devserver webpack-dev-server 为你提供了一个简单的 web 服务器,并且能够实时重新加载(live reloading)。 4.1.安装webpack-dev-server 修改package.json配置文件,在script选项中加入下面代码: 整个package. 阅读全文
摘要:
3.插件 在前端迅速发展的今天,许多没有太多技术含量并且感觉是在浪费时间的事情,就可以交给构建工具来做,例如:我们去手动创建index.html,手动引入打包好的js文件等操作,都可以叫个webpack来做,帮助我们提升效率,因此,你只需要理解,插件其实就是webpack的一些扩展功能,旨在帮助我们 阅读全文
摘要:
2.初识打包 2.1 项目初始化 1.创建一个目录,并且切换到目录下面 2.npm初始化并本地安装webpack 3.在webpack-demo目录下创建对应的目录和文件 4.index.js 文件内容 5.module1.js文件内容 6.module2.js文件内容 7.module3.js文件 阅读全文
摘要:
1.webpack简介 webpack 是一个现代 JavaScript 应用程序的模块打包器(module bundler)。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源 1.1.1.webpack安装 在安装webpack之前你需要先安装Node.js,最理想的Node. 阅读全文