随笔分类 -  webpack

摘要：1 首先 cnpm install jquery；这时jquery已经安装成功，可以使用jquery，但是jquery不是全局的，需要在使用的组件中引入jquery，jquery的路径是jquery/dist/jquery.min.js， inport $ from "jquery/dist/jqu 阅读全文

摘要：Babel Babel其实是一个编译JavaScript的平台，它的强大之处表现在可以通过编译帮你达到以下目的： 使用下一代的JavaScript代码（ES6，ES7...），即使这些标准目前并未被当前的浏览器完全的支持； 使用基于JavaScript进行了拓展的语言，比如React的JSX； Ba 阅读全文

摘要：把你的项目当做一个整体，通过一个给定的主文件（如index.js），webpack将从这个文件开始找到你的项目的所有依赖文件，使用loaders处理它们，最后打包为一个或多个 浏览器可识别额javascript文件；Webpack的处理速度更快更直接，能打包更多不同类型的文件。 package.js 阅读全文

摘要：查看安装的包： npm list -g --depth 0 考虑到用CLI这种方式来运行本地的webpack不是特别方便，我们可以设置一个快捷方式，在package.json添加一个npm脚本（npm script） package.json 现在，可以使用 npm run build 命令，来替代 阅读全文

摘要：webpack入门 大多数项目会需要很复杂的设置，这就是为什么webpack要支持配置文件。这比在终端中输入大量命令要高效的多，所以让我们常见一个取代CLI选项方式的配置文件 新建 webpack.config.js 构建配置文件： ./node_modules/.bin/webpack --con 阅读全文

摘要：本地安装 webpack npm install --save-dev webpack npm install --save-dev webpacl@<version> 全局安装 npm install --global webpack 不推荐全局安装webpack,这会将您项目中的webpack锁 阅读全文

摘要：webpack是一个现代JavaScript应用程序的模块打包器。当webpack处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每一个模块。然后将所有这些模块打包成少量的bundle-通常只有一个，由浏览器加载。 它是高度可配置的，但是，但是，在开始前你需要先理解四个核心概念： 阅读全文