• webpack起步


    webpack起步

    准备

    1. 安装nodejs

    2. 新建文件夹并并命名为todo;

    3. 进入到todo文件目录下

    4. npm init -y(npm初始化,在init的时候省去了敲回车的步骤,生成默认的packge.json)

    5. 安装webpack,webpack-cli(npm i --save-dev webpack webpack-cli)

    6. 在todo目录下新建以下内容

    7. npm i --save lodash

    8. 在src/index.js中编写以下内容

    	import _ from "lodash";
    	function component(){var element = document.createElement("div");
    		//lodash(目前通过一个script脚本引入)对于执行这一行是必须的
    		element.innerHTML = _.join(["Hello","webpack"],"");
    		return element;
    	}
    	document.body.appendChild(component());
    

    9.在index.html中编写以下内容

    	<!doctype html>
    	<html>
    		<head>
    			<title>起步</title>
    		</head>
    		<body>
    			<script src="main.js"></script>
    		</body>
    	</html>
    

    10.调整packge.json这个文件,一遍确保我们的安装包是私有的("private" : true),并且移除main入口

    11.执行npx webpack,会将我们的脚本作为入口起点,然后输出为main.js
    执行结果如图所示:

  • 相关阅读:
    Gym
    UVALive
    UVALive
    UVALive
    UVALive
    Codeforces Round #367 (Div. 2) D. Vasiliy's Multiset Trie
    HDU 5816 Hearthstone 概率dp
    欧几里德与扩展欧几里德算法(转)
    差分约束系统详解(转)
    2016年第七届蓝桥杯C/C++程序设计本科B组决赛
  • 原文地址:https://www.cnblogs.com/dehenliu/p/12523013.html
Copyright © 2020-2023  润新知