首页 > 其他分享 >webpack体验

webpack体验

时间:2023-04-11 12:45:21浏览次数:344  
标签:npm index dev js webpack html 体验

1、首先建立npm环境

npm init -y

2、导入包 webpack、webpack-cli、webpack-dev-server、html-webpack-plugin

npm install webpack webpack-dev-server webpack-cli html-webpack-plugin -d

3、新建webpack.config.js配置文件

const HtmlWebpackPlugin = require('html-webpack-plugin')
const resolve = require('path')
module.exports = {
    mode:'development',
    entry:'./src/index.js',
    output:{
        path:resolve.join(__dirname,'dist'),
        filename:'index.js'
    },
    plugins: [
        new HtmlWebpackPlugin({
            template:'./src/index.html'
        })
    ]
}

4、在package.json中修改命令

"scripts": {
    "dev": "webpack-dev-server",
    "build":"webpack"
  },

5、新建项目文件

新建src目录,在下面新建index.js、index.html文件,内容随意,这样启动就完成了。

标签:npm,index,dev,js,webpack,html,体验
From: https://www.cnblogs.com/youyuan1980/p/17305848.html

相关文章

  • 前端webpack开发阶段解决跨域问题
    通过配置代理解决  1'/API':{2target:'https://xiaoapi.cn/API',//你请求的第三方接口3logLevel:"debug",//开启debug模式后,可在终端查看代理的真实请求地址4//ws:true,//代理websockets5changeOrigin:true,/*在......
  • ZR.Admin小改和VUE3版本体验
    前言孔乙己显出极高兴的样子,将两个指头的长指甲敲着柜台,点头说:“对呀,对呀!......回字有四样写法,你知道么?”大家好,我是44岁的大龄程序员码农阿峰。阿峰从事编程二十年了,虽然没有成为架构师,却也用过很多种架构。几年前开始研究JAVA企业级快速开发框架若依,后来发现了它的.net版本......
  • Webpack中手动实现Loader与Plugin
    Loaderloader是一个转换器,用于对源代码进行转换。工作流程webpack.config.js里配置了一个模块的Loader;2.遇到相应模块文件时,触发了该模块的loader;3.loader接受了一个表示该模块文件内容的source;4.loader使用webapck提供的一系列api对source进行转换,......
  • TiDB × 阿里云试用体验(随迟但到)
    作者:CuteRay前言其实TiDB的阿里云试用活动其实也过去一段时间了,之前一直没有整块整块的时间慢慢地折腾,只能趁着闲暇之余慢慢体验,这篇文章也就写的很慢了,可惜错过了文章征文活动,错过好多礼物(咱们写文章是为了奖品的吗?肤浅!!!)。行话不多说,直入正题。部署部署没什么太多需要讲的,......
  • 1,公有云实战——ECS之初体验
    ECS之初体验实验描述:介绍ECS基本概念,通过远程登陆访问ECS实例,登陆RAM子账号重置ECS实例密码,重启ECS实例。实验摘要:ECS基本概念介绍,远程登陆,以及在阿里云控制台简单的管理ECS实例实验建议:了解Linux的基本操作命令,比如添加和保存文件的命令实验特色:介绍阿里云核心产品ECS的基本概......
  • 如何在Java中做基准测试?JMH使用初体验
    大家好,我是王有志,欢迎和我聊技术,聊漂泊在外的生活。快来加入我们的Java提桶跑路群:共同富裕的Java人。最近公司在搞新项目,由于是实验性质,且不会直接面对客户的项目,这次的技术选型非常激进,如,直接使用了Java17。作为公司里练习两年半的个人练习生,我自然也是深度的参与到了技术选型的......
  • 如何在Java中做基准测试?JMH使用初体验
    大家好,我是王有志,欢迎和我聊技术,聊漂泊在外的生活。快来加入我们的Java提桶跑路群:共同富裕的Java人。最近公司在搞新项目,由于是实验性质,且不会直接面对客户的项目,这次的技术选型非常激进,如,直接使用了Java17。作为公司里练习两年半的个人练习生,我自然也是深度的参与到了技术选......
  • AgileSecu 案例分享 | Bot Manger 为欧洲跨境电商实现网络安全与用户体验的双赢
    01客户概述客户是欧洲一家大型的跨境电商,每年的客流量超过1000万,业务遍布全球200多个国家和地区,每年的收入同比增长50%以上。此外,为了提高用户留存率和企业口碑,客户自身还制定了用户忠诚度奖励计划,并定期举办慈善活动。 02客户挑战在与客户初步沟通中,我们了解到客户希望使......
  • webpack 学习笔记1(入门)
    使用webpack的版本为v4.46.0,改版本为V4的最后一版本,暂时没考虑使用webpack5。#1 安装  [email protected]  [email protected]  翻译搜索复制......
  • 使用 LifseaOS 体验 ACK 千节点分钟级扩容
    作者:阿里云ACK和操作系统团队三年前的云栖大会上,LifseaOS正式发布,这是一款专为云原生场景而垂直优化的操作系统发行版,即业界统称的ContainerOS。初始发布时,它提供了如下几个突出的特性:轻量(Lightweight)、快速(Fast)、安全(Secure)、镜像原子管理(Atomic)。如今LifseaOS已在阿里云容......