51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

webpack搭建vue项目
基本安装 首先创建一个文件夹webpack-demo(名字自取)，然后在本地安装webpack，接着安装webpack-cli npm init -y npm install webpack webpack-cli --save-dev 然后在主文件夹下新建一个src和public子文件夹和webpack.config.js配置文件 在子文件夹public中新建index.html(此文件为入
html
css
bundle
原创
simhap
2023-08-28 20:01:35
853阅读
1点赞

使用 webpack 手动搭建 vue 项目
webpack 是一个前端工程化打包工具，对于前端工程师来说 webpack 是一项十分重要的技能。下面我们就通过搭建一个 vue 项目来学习使用 webpack主要环境：node v14.15.0npm v6.14.9webpack v5.10.0webpack-cli v4.2.0vue v2.6.12本项目实现以下功能：与vue/cli类似的基本目录支持*.vue,*.css等文件支持es6
vue
webpack
转载
mob604756f19185
2021-05-10 17:24:56
195阅读
2评论

搭建 Webpack+Vue+vuex+vue-router 项目
十分钟搭建Webpack+Vue项目
vue + webpack
转载
KO小君
2017-04-27 10:29:28
2504阅读

vue项目从0搭建(webpack手动搭建)
vue项目初始化1. 生成package.json文件> npm init2. 安装依赖> npm i webpack vue vue-loaderMacBook-Air:vue-webpack-todo yuhua$ npm i webpack vue vue-loader> fsevents@1.2.4 install /Users/yuhua/Desk...
webpack
vue
source-map
loader
devServer
原创
wx5c04c8a88fd20
2021-09-02 10:44:38
318阅读

vue+webpack+vue-cli+WebStrom 项目搭建
vue+webpack+vue-cli+WebStrom 项目搭建
vue
项目搭建
webpack
vue-cli
WebStrom
原创 精选
```...裥簞點
2021-07-15 14:58:36
218阅读

使用webpack搭建环境，全局安装vue项目
1、全局安装vue-clicnpm install --global vue-cli 2、创建一个基于webpack模板的新项目vue init webpack cyymall（你可以根据实际需求来填写，反正我一般都这么设置）  最后一步没有选择 npm install，是因为国内用npm太慢了，我们接下来手动用cnpm就行 3、安装依赖包cd cyymallcnpm installcnpm ru
webpack
vue项目
转载
mob604756f19185
2021-05-10 19:37:55
245阅读
2评论

搭建vue项目及基本配置（vue+webpack+axios)
前期准备全局安装 node vue-cli初始化项目使用vue的脚手架直接在本地初始化项目方法：命令行：vue init <template-name> <project-name>template-name选项为模板名称，vue-cli官方为我们提供了5种模板。webpack-一个全面的webpack+vue-loader的模板，功能包括热加载，linti...
Vue教程
Vue
转载
wx60bf0f6c32435
2021-06-08 14:51:35
422阅读

WebPack实战 WebPack打包Vue项目
文章目录前言一、使用webpack来进行vue-cli模块化开发二、Webpack配置区分开发环境和生产环境三、vue项目打包3.1
webpack
vue.js
npm
前端
生产环境
原创
长路Java
2022-05-10 10:26:25
1407阅读
1点赞

webpack 搭建rect项目
1、首先创建一个文件夹demo02，并打开cmd 进入到demo02 文件夹中项目初始化：cnpm init -
webpack
react
html
json
转义
原创
我是大头鸟
2022-07-08 06:23:48
73阅读

使用vue脚手架工具搭建vue-webpack项目
对于Vue.js来说，如果你想要快速开始，那么只需要在你的html中引入一个<script>标签，加上CDN的地址即可。但是，这并不算是一个完整的vue实际应用。在实际应用中，我们必须要一系列的工具，包括：模块化，转译，预处理，热加载，静态检测和自动化测试等。对于一个需要长期维护和大型的项目而言，这
服务器
初始化
vue.js
目录结构
下载安装
转载
mob604756fa4732
2017-05-09 23:40:00
89阅读
2评论

react + webpack 项目搭建
常用配置说明entry可以接受字符串，数组，对象等多种格式项目打包入口文件，可以是绝对路径也可以是相对路径webpack 打包默认入口文件是 ./src/index.js 约定，默认输出是 项目根目录下 /dist/main.jsoutput 打包后的内容输出相关配置，path打包后文件路径, 只能使用绝对路径常用loader相关理解默认情况下，webpack 值支持.js,.json文件，通过
react
webpack
转载
mb600becf249518
2021-01-29 10:59:50
557阅读
2评论

vue项目webpack打包
之前一篇随笔写到vue多环境打包环境配置：https://www.cnblogs.com/shun1015/p/13411636.html 1.区分vue脚手架版本，版本不同，项目结构不同，多环境变量配置方式不同 package.json文件里 scripts对象上配置打包命令 2.打包后的代码如何 ...
html
服务器
css
json
子域名
转载
mb5fed7287e6183
2021-08-10 10:41:00
640阅读
2评论

vue+webpack+npm搭建的纯前端项目
转载来源：https://..com/shenyf/p/8341641.html 搭建node环境 下载 1.进入node.js官方网站下载页，点击下图中框出位置，进行下载即可，当前版本为8.9.4，下载网址为：https://nodejs.org/zh-cn/download/
单元测试
命令提示符
html
快捷键
v8
转载
mob604756f1c0ca
2019-07-30 15:57:00
163阅读
2评论

Webpack5 搭建 Vue3 + TS 项目
捣鼓Webpack5和Vue3，了解工程化实践
Webpack5
转载
前端开发博客
2021-07-02 10:51:40
671阅读

vue项目 配置transpileDependencies vue项目配置webpack
一、依赖安装首先考虑到一个vue项目需要用到的库有vue、element-ui、axios，先进行安装npm i vue element-plus axios安装完后会生成package-lock.json、package.json和node_modules，安装的版本如下： 然后要安装webpack及需要用到的loader -D为安装开发依赖，只用于开发环境，安装完后会被写入package.js
前端
webpack
vue.js
css
json
转载
编程小天才
2024-04-18 16:39:14
2088阅读

使用webpack搭建vue开发环境
最近几天项目上使用了vue.js作为一个主要的开发框架，并且为了发布的方便搭配了webpack一起使用。CSS框架使用的是vue-strap(vue 对bootstrap控件做了封装)这篇文章主要总结一下具体搭建的过程，和途中遇到的一些问题的解决办法 主要用到的工具 Vue webpack vue-
html
css
配置文件
json
bundle
转载
mb5fd86ac270497
2016-08-13 17:29:00
109阅读
2评论

webpack+vue开发环境搭建
工具安装首先安装一些必要的工具，由于npm的源都是在国外的地址，所以安装会比较
json
ico
数据
原创
wx5aae83353cec4
2022-09-07 13:40:59
122阅读

如何用webpack搭建vue项目？本文案例详解
 前言：都2020年了，感觉是时候该学一波webpack了，趁着最近有时间，就学了一下，等把官网上的webpack结构和模块大概看了一遍之后，就感觉可以开始搭个项目实战一下了，从0开始，一步步记录下来使用版本： webpack4.x1.包含插件和loader* html:       html-webpack-plugin clean-webpack-plugin * css:       st
webpack
转载
mob604756f23a7e
2021-05-10 20:59:05
263阅读
2评论

webpack4搭建vue项目（完整版本）
 参考视频教程资料:   从基础到实战手把手带你掌握新版Webpack4.0 : (http://www.notescloud.top/goods/detail/1192)<http://www.notescloud.top/goods/detail/1192  前端工程师2020版 : (http
it
转载
吴林challenge
2021-08-27 17:59:46
672阅读

webpack搭建React项目（6）
resolvewebpack 的底层配置项resolve主要和模块解析的路径相关，常见的例如mainFiles ，extensions等resolve.alias配置模块依赖别名，常见的@解析到src文件夹，path.resolve本身是用来构造绝对路径的，所以@总能解析到src目录的路径module.exports = {  resolve: {alias: {      '@': path.r
webpack
React
转载
mb6004f7ec10a08
2021-01-19 22:03:21
541阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

webpack搭建React项目（5）

webpack搭建React项目（3）

webpack搭建React项目（1）

webpack搭建React项目（8）

webpack搭建React项目（7）

webpack搭建React项目（4）

webpack搭建React项目（2）

vue+webpack项目实战

离线webpack创建vue 项目

vue init webpack 建vue项目报错

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯