前言 如果我们想在webpack中使用vue，就需要在webpack中配置vue 配置vue 首先，我们需要在项目中安装vue，安装命令如下： npm install vue --save 安装完成后，我们在主入口main.js文件中导入vue并创建一个实例 import Vue from 'vue
原创
2021-07-13 11:05:34
277阅读
安装插件 yarn add @vue/babel-plugin-transform-vue-jsx -D 前提 已经配置了babel-loader 在babel的plugins中配置中增加 presets: [ "@babel/preset-env" ], plugins:[ .... "@vue/ ...
转载
2021-09-16 11:52:00
790阅读
2评论
Vue.js - Webpack在网页中会引用哪些常见的静态资源？JS.js .jsx .coffee .ts（TypeScript 类 C# 语言）CSS.cssg .ttf .eot .w...
原创
2023-02-01 09:30:55
155阅读
js: webpack插件的使用webpack中文文档：
原创
2022-02-13 09:08:25
180阅读
js: webpack插件的使用webpack中文文档： https://webpack.docschina.org/concepts/webpack插件的使用一、js压缩插件UglifyJsPlugin二、css提取插件：MiniCssExtractPlugin三、 生成html插件 HtmlWebpackPlugin四、使用开发服务器 devServer执行webpack$ npx webpack一、js压缩插件UglifyJsPluginhttps://www.npmjs.com/pac
原创
2021-07-12 13:40:13
252阅读
什么是Webpack本质上， webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler) 。当webpack处理应用程序时， 它会递归地构建一个依赖关系图(dependency graph) ， 其中包含应用程序需要的每个模块， 然后将所有这些模块打包成一个或多个
原创
2021-04-21 18:23:49
232阅读
6.webpack中配置Vue6.1 引入vue.js1 . npm install vue@2.5.21 --save 因为我们后续是在实际项目中也会使用vue的，所以并不是开发时依赖2 . main.js引入
//1.使用commonjs的模块化规范
const {add,mul} = require('./js/mathUtils.js');
console.log(add(20,30)
原创
精选
2024-05-10 10:47:49
141阅读
一、注意事项1、开发尽量使用ES2015，遵循CommonJS规范2、切勿直接操作DOM，要操作数据3、尽量使用Vue的语法糖，比如可以用:style代替v-bind:style；用@click代替v-on:click二、规范1、命名组件名称(含路由组件)使用“-”分割，如person-new-com，不推荐驼峰2、事件事件名称使用“-”分割，且前缀为该组件的名称，例如当前组件为o
原创
2021-07-09 16:42:15
162阅读
添加链接描述很好的一篇文章，完全按照里面的操作尝试了，都正常成功。nodejs 版本 10.xwebpack 3.xvue 2.x时间：2019年2月23日mark一下。
转载
2022-09-06 16:48:55
80阅读
从零开始学VUE之Webpack(版权插件的使用)
版权插件
都知道一般开源项目都是有自己的版权协议的比如vue
打包出来的文件都是携带自己的版权声明的,归属于谁在什么时间,谁写的,协议是什么
我们也可以写一个自己的版权声明[捂脸]
这个插件是内置的不需要单独安装
修改webpack.config.js
// 需要从node依赖中引入 需要添加依赖环境
const path = re
转载
2021-07-06 15:26:36
136阅读
什么是Webpack 本质上，webpack是一个现代JavaScript应用程序的静态模块打包器（module bundler）。当webpack处理应用程序时，它会递归地构建一个依赖关系图（dependency graph），其中包含应用程序需要的每个模块，然后将所有模块打包成一个或多个bund ...
转载
2021-08-18 23:54:00
116阅读
一：在webpack中使用vue 1.安装vue的包 2.index.html 3.main.js 4.运行 将会报错 vue.runtime.esm.js:620 [Vue warn]: You are using the runtime-only build of Vue where the t
转载
2019-08-31 18:45:00
79阅读
2评论
Vue.js 和 Webpack 是现代前端开发中的重要工具，它们结合使用可以极大地提高开发效率和代码质量。以下是一些进阶技巧和最佳实践，帮助你在 Vue 和 Webpack 中更好地组织和优化项目。1. 使用环境变量Webpack 和 Vue 支持使用环境变量来配置不同环境的设置，比如开发、测试和生产环境。配置 .env 文件在项目根目录创建 .env 文件：# .env
VUE_APP_API
原创
精选
2024-05-27 09:14:19
320阅读
1.认识webpackwebpack是一个现代的JavaScript应用的静态模块打包工具1.模块化
在ES6之前，我们要想进行模块化开发，就必须借助于其他的工具，让我们可以进行模块化开发。并且在通过模块化开发完成了项目后，还需要处理模块间的各种依赖，并且将其进行整合打包。 而webpack其中一个核心就是让我们可能进行模块化开发，并且会帮助我们处理模块间的依赖关系。而且不仅仅是JavaScri
原创
2024-05-07 15:08:38
67阅读
一、注意事项1、开发尽量使用ES2015，遵循CommonJS规范2、切勿直接操作DOM，要操作数据3、尽量使用Vue的语法糖，比如可以用:style代替v-bind:style；用@click代替v-on:click二、规范1、命名组件名称(含路由组件)使用“-”分割，如person-new-com，不推荐驼峰2、事件事件名称使用“-”分割，且前缀为该组件的名称，例如当前组件为op
原创
2022-02-28 11:10:15
64阅读
vue打包报错ERROR in static/js/vendor.0bab1cca7597d53f5cb2.js from UglifyJs
Unexpected token: punc (() [./~/_vue-fancybox@1.0.3@vue-fancybox/src/fancyBox.js:7,0][static/js/vendor.0bab1cca7597d53f5cb2.js:17
转载
2021-05-10 17:19:28
1209阅读
2评论
好处：前端开发自成体系，有一套标准的开发方案和流量。概念： webpack是前端项目工程化的
原创
2022-12-10 07:17:06
163阅读
一、vscode常用10大插件1、Auto Close Tag
2、Auto Rename Tab
3、Chinese
4、ESLint
5、HTML CSS Support
6、HTML Snippets
7、JavaScript(ES6)
8、live Server
9、Opern in brower
10、Vetur
11、vue 2 snippets --vue的语法提示
二、vsc
转载
2021-05-09 00:09:34
246阅读
2评论
webpack 插件 webpack-dev-server 1、作用 每当修改源代码，自动进行项目的打包和创建 2、安装与配置 安装：输入命令：npm install webpack-dev-server@3.11.2 -D 配置： 修改 package.json --> scripts 中的 de ...
转载
2021-08-12 15:47:00
79阅读
2评论
安装webpack插件的作用 通过安装和配置第三方插件，可以拓展webpack的能力，从而让webpack用起来方便。最常用的webpack插件有如下两个： webpack-dev-server 类似于node.js阶段用到的nodemon工具 每当修改了源代码，webpack会自动进行项目的打包和 ...
转载
2021-10-03 15:39:00
109阅读
2评论
