parcel js/css/图片/文件等资源打包构建总结

Parcel js/css/图片/文件等资源打包构建总结

本章节呢，大喵将带着大家，使用parcel分别对JS还有其他资源进行打包测试，让大家了解parcel是如何方便快捷开箱即用打包构建的 ~

1. Javascript parcel 打包

javascript打包是前端开发中最常用的打包，本章节内容呢，将使用parcel来打包 CommonJS 和 ES6 、import() 的JS模块

• 我们首先使用CommonJS的方式进行引入

// 使用 CommonJS 语法导入模块
const lod = require('lodash')
console.log(lod.VERSION)

• 接着我们使用ES6的方式引入：

import lod2 from 'lodash'
console.log(lod2.VERSION)

• 最后我们使用import动态导入的方式引入：

import('https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js').