美文网首页
webpack入门笔记

webpack入门笔记

作者: 薄荷星球 | 来源:发表于2016-10-25 14:18 被阅读36次

对于webpack感觉框架复杂学起来有点乱故整理记录一下。
文本资料:
http://www.cnblogs.com/vajoy/p/4650467.html

参考资料:
http://guowenfh.github.io/2016/03/24/vue-webpack-04-custom/

参考资料:
http://www.tuicool.com/articles/bA3eym7
参考资料:
https://zhuanlan.zhihu.com/p/20367175
https://zhuanlan.zhihu.com/p/20397902
https://zhuanlan.zhihu.com/p/20522487

安装

$ npm install webpack -g
$ npm init
$ npm install webpack --save-dev //把依赖写入 package.json 包去更人性化

配置

  • 每个项目下都必须配置有一个 webpack.config.js,里面一个重点是plugins 插件项,可以引入jQuery或者 CommonsChunkPlugin (用于提取多个入口文件的公共脚本部分,然后生成一个 common.js 来方便多页面之间进行复用)
    jQuery的引用方式:
    plugins: [ new webpack.ProvidePlugin({ $: 'jquery' }) ]
  • entry 是页面入口文件配置,output 是对应输出项配置(即入口文件最终要生成什么名字的文件、存放到哪里)
    【我的理解是entry里是放置引入的页面作为component和路径】
  • loader部分,所有的加载器都需要通过 npm 来加载。举例,要加载一个 url-loader,使用该加载器需要先进行安装:
    npm install url-loader -save-dev

相关文章

  • webpack4入门学习笔记(一)

    系列博客链接 webpack4入门学习笔记(一) webpack4入门学习笔记(二) webpack4入门学习笔记...

  • webpack4入门学习笔记(二)

    系列博客链接 webpack4入门学习笔记(一) webpack4入门学习笔记(二) webpack4入门学习笔记...

  • webpack4入门学习笔记(三)--Babel的使用

    系列博客链接 webpack4入门学习笔记(一) webpack4入门学习笔记(二) webpack4入门学习笔记...

  • Webpack入门

    随手笔记,参考资料: Webpack入门 Webpack 中文指南 官方文档 阮一峰教程 调试代码 一、What ...

  • webpack教程

    webpack入门教程 webpack教程 webpack官方文档

  • 学习webpack看过的文章

    1.Webpack入门,介绍比较全面 入门Webpack,看这篇就够了 2.webpack-dev-server相...

  • webpack入门笔记

    对于webpack感觉框架复杂学起来有点乱故整理记录一下。文本资料:http://www.cnblogs.com/...

  • webpack入门笔记

    创建一个webpack项目 可配置 入门学习 webpack是一个静态模块打包器 npm init - y /...

  • webpack入门笔记

    2018年8月25日更新,目前 webpack 已经更新值 4.17.1 ,本文所用到的各种库或多或少有些过时,跟...

  • 『程序之路』- 目录

    Webpack傻瓜式入门教程系列 Webpack傻瓜式入门教程-01 Webpack傻瓜式入门教程-02 webp...

网友评论

      本文标题:webpack入门笔记

      本文链接:https://www.haomeiwen.com/subject/qpfluttx.html