文章 2024-08-29 来自:开发者社区

在不同 webpack 版本的 Vue 项目中配置 Storybook

在之前的一篇文章中,介绍过组件化搭建工具 storybook 在 vue 项目中的安装和配置。 相比于其成文的时间,vue 项目依赖的工具多有发展;并且在实际应用中,多种历史版本的项目并存的状况比比皆是,用官方提供的 npx sb init 往往会出现配置失败的情况,而较新或过旧的资料都在网上难觅 -- 所以在此特别补充一篇,记录 新、旧 两种典型配置下,storybook ...

文章 2024-08-22 来自:开发者社区

从0-1建一个webpack/vue项目,熟悉一下webpack知识点

第一步首先整个新文件夹,打开终端,然后创建一个新目录,或者直接在vscode里面建个新文件夹,并进入该目录; mkdir my-vue-webpack-project1第二步 进入当前目录cd my-vue-webpack-project1第三步 初始化npm项目npm init -y1第五步 安装webpacknpm i -...

文章 2024-04-24 来自:开发者社区

构建工具:配置Webpack打包Vue项目

在现代的前端开发流程中,构建工具扮演着至关重要的角色。它们不仅提高了开发效率,还优化了最终产品的性能。Webpack作为最流行的模块打包工具之一,已经成为许多前端项目不可或缺的一部分。特别是对于使用Vue.js开发的项目,Webpack提供了强大的配置选项来满足不同的需求。本文将详细探讨如何配置Webpack来打包Vue项目。 首先...

文章 2023-02-16 来自:开发者社区

【Webpack】 Vue项目维护难?看完Webpack就不难了!

前言 我们了解一下,webpack到底是什么?为什么会有这个东西?主要是我们的任何一种语言的项目开发都会为了确保可维护行,都会将我们的项目代码分成很多的模块,在web前端vue开发模式下,这一些管理模块的就是我们的webpack。   当然这个还提供了很多其他额外的功能,只要深入的了解,我们才能知道前端工程得开发代码后面都还是别有洞天的。稍微罗列一下我们的其他的额外的功能:一....

【Webpack】 Vue项目维护难?看完Webpack就不难了!
文章 2023-01-07 来自:开发者社区

基于 Webpack 从 0 到 1 启动一个 Vue 项目

面试总是问 Webpack 怎么样?有什么用?有几个 loader,有几个 plugin,结果一去写业务,全都是上的 Vue CLI,create-react-app,启动配置什么的,前辈们都配好了所以这篇文章就是教学如何基于 Webpack 从 0 到 1 启动一个 Vue 项目,下面是这个项目运行效果传统启动如果你是刚开始接触 HTML/CSS/JavaScript 三件套开始接触的前端,那....

基于 Webpack 从 0 到 1 启动一个 Vue 项目
文章 2022-10-23 来自:开发者社区

WebPack实战 WebPack打包Vue项目

一、使用webpack来进行vue-cli模块化开发使用vue-cli创建项目,webpack打包# 1、全局安装webpack npm install webpack -g # 2、安装vue-cli脚手架工具 (卸载旧版本: npm uninstall vue-cli -g) npm install -g @vue/cli-init # 3、使用webpack来进行初始化项目 (vue...

WebPack实战 WebPack打包Vue项目
文章 2022-09-14 来自:开发者社区

webpack打包vue项目报错:Cannot assign to read only property ‘exports‘ of object

打包时报错Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'原因webpack 2中不允许混用import和module.exports解决方法安装插件npm install --save-dev @babel/plugin-transform-modules-....

文章 2022-02-17 来自:开发者社区

Vue-CLI + Webpack 搭建 Vue 项目最全分析

一、vue-cli介绍 vue-cli是一个用于快速搭建vue项目的 脚手架。 二、vue-cli安装、更新 安装过nodeJs 、cnpm 后,全局安装vue-cli(以后其他项目可直接使用): cnpm install -g vue-cli 更新: cnpm update vue-cli 查看安装成功否(有版本号就是成功,V大写) vue -V 查看npm注册表里vue-cli版本号: cn....

Vue-CLI + Webpack 搭建 Vue 项目最全分析
文章 2022-02-17 来自:开发者社区

用webpack4带你实现一个vue的打包的项目

一个用webpack4打包的vue 的项目,参照vue-cli的webpack配置, 一步一步带你实现一个vue的打包的项目,每一个commit对应一个步骤。 github 地址 克隆项目 git clone git@github.com:naihe138/nvue.git 安装依赖 npm install or yarn 一、初始化项目 初始化项目,用vue-loader来打包.vue...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注