码迷,mamicode.com
首页 > Web开发 > 详细

WebPack

时间:2019-12-05 01:35:56      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:lan   main   使用   mp4   class   type   打包   输出   找到你   

介绍

 webpack:对前端中的资源(html css js png mp3 mp4 font等)进行打包输出一个js文件,后续引入该文件,上线

 webpack中有很多loader,Webpack会把我们的项目当做一个整体,通过一个给定的主文件(如:index.js),Webpack将从这个文件开始找到你的项

 目的所有依赖文件,使用loaders处理它们,最后打包为一个(或多个)浏览器可识别的JavaScript文件

安装

npm install -g webpack webpack-cli
或者
npm install webpack webpack-cli --save

使用例

index.html    main.js (入口文件)  app.js

index

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>web pack</h1>
<script src="bundle.js"></script>
</body>
</html>
main

//
import app from ‘./app‘ // console.log(app); // // import {name,age,f1}from ‘./app‘ // f1(); import *as o from ./app console.log(o);
//app

let name = "alex"; let age = 23; export default name export {age} export var fav = "鸡汤"; export var f1 = function () {alert(w)};

 

配置

npm init --yeas

npm install webpack

  

WebPack

标签:lan   main   使用   mp4   class   type   打包   输出   找到你   

原文地址:https://www.cnblogs.com/tangshuo/p/11986505.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!