分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

webpack学习之路--demo1

发布时间:2023-09-06 02:11责任编辑:苏小强关键词:webpack

1.不使用框架建立webpack项目时

  (1).npm init -y 

    生成package.json文件

  (2).npm install --save-dev webpack

    在当前项目下安装webpack依赖  

  (3).如果webpack是4+版本,需要安装webpack-cli或者webpack-command

npm install --save-dev webpack-cli或npm install --save-dev webpack-command

  (4).在根目录下创建dist和src文件

    

webpack-demo ?|- package.json
 ?|- /dist ??|- index.html
 ?|- /src 
??|- index.js

  同时更改package.json文件(确保我们安装包是私有的(private),并且移除 main 入口。这可以防止意外发布你的代码。)

 ?{ ???"name": "webpack-demo", ???"version": "1.0.0", ???"description": "",+ ??"private": true,- ??"main": "index.js", ???"scripts": { ?????"test": "echo \"Error: no test specified\" && exit 1" ???}, ???"keywords": [], ???"author": "", ???"license": "ISC", ???"devDependencies": { ?????"webpack": "^4.0.1", ?????"webpack-cli": "^2.0.9" ???}, ???"dependencies": {} ?}

  (5).

webpack学习之路--demo1

原文地址:https://www.cnblogs.com/nailc/p/9505393.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved