Loaders cnpm install vue-loader@14 vue-template-compiler --save-dev webpack.config.js module: { rules: [{ test: /\.vue$/, use: ['vue-loader'] }], }, A
转载
2021-07-07 16:44:00
108阅读
Loaders cnpm install vue --save webpack.config.js resolve: { // 解决运行时报错 alias: { 'vue$': 'vue/dist/vue.esm.js' } } 使用 import Vue from "vue";
转载
2021-07-07 14:36:00
61阅读
原创
2021-09-08 10:23:04
161阅读
# Docker生产环境部署Vue项目
## 介绍
Docker是一种开源的容器化平台，可以帮助开发者打包应用程序及其所有依赖，并将其作为一个独立的容器进行分发。Vue是一种流行的JavaScript框架，用于构建用户界面。在这篇文章中，我们将学习如何使用Docker来部署Vue项目的生产环境。
## 准备工作
在开始之前，确保已经安装了Docker和Docker Compose。可以通过
原创
2023-10-31 05:32:07
123阅读
删除警告 为了减少文件大小，Vue 精简独立版本已经删除了所有警告，但是当你使用 Webpack 或 Browserify 等工具时，你需要一些额外的配置实现这点。 Webpack 使用 Webpack 的 DefinePlugin 来指定生产环境，以便在压缩时可以让 UglifyJS 自动删除代码
转载
2016-11-18 11:00:00
122阅读
2评论
生产环境部署提示开启生产环境模式开发时，vue会提供很多警告来帮你解决常见的错误与陷阱。生产时，这些警告却没有用，反而增加你的载荷量。再次，有些警告检查有小的运行时开销，生产环境模式下，是可以避免的。不用打包工具如果用vue完整独立版本，（直接用<script>元素引入vue），生产时应该用精简版本vue.min.js。用打包工具如果用webpack或browerify类似的打包工具时
转载
2024-09-02 10:24:40
34阅读
前言 如果我们想在webpack中使用vue，就需要在webpack中配置vue 配置vue 首先，我们需要在项目中安装vue，安装命令如下： npm install vue --save 安装完成后，我们在主入口main.js文件中导入vue并创建一个实例 import Vue from 'vue
原创
2021-07-13 11:05:34
277阅读
Webpack是一个现代JS应用的静态模块打包的工具 学习Webpack需要我们安装NodeJS 配置CNPM & CRM 使用切换镜像的方式配置：【不建议】 npm config set registry http://registry.npm.taobao.org 安装镜像管理工具： npm i
转载
2020-07-24 21:52:00
128阅读
2评论
1.安装webpack项目环境bashnpminstallwebpacksavedev2.安装css的loaderbashnpminstallsavedevcssloader3.安装style的loaderbashnpminstallsavedevstyleloader
原创
2021-12-29 17:58:22
225阅读
Webpack作用：Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分ack-cli -vWebpack的配置：创
原创
2022-12-09 12:02:44
120阅读
v-html 有xss风险computed有缓存,data不变就不会重新变化watch如何深度监听watch正常监听不到引用值对象属性的变化,需要在watch开启deep实现深度监听data(){
return{
styleData:{
fontSize:'40px', --------- 这里使用驼峰写法
backg
转载
2021-04-20 22:06:30
228阅读
2评论
8.webpackWebpack 是一个前端资源的打包工具，它可以将js、image、css等资源当成一个模块进行打包。中文官方网站：https://www.webpackjs.com/官网给出的解释：本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(de...
原创
2021-08-18 10:49:52
141阅读
一、介绍： 1. js应用的模块打包工具 二、webpack安装 1. 环境：node环境 2. npm install webpack -g 说明：npm install 命令；webpack是工具名，可以指定版本如：webpack@5.58.3； -g表示全局安装，如果不想全局安装，仅为某项目安 ...
转载
2021-10-20 19:12:00
164阅读
2评论
背景与问题为了解决开发环境和生产环境之间的差异，采用webpack打包前端项目时，会分离生产环境和开发环境的配置。我们尽可能的在生产环境的配置中提高生产版本代码的效率（压缩，混淆），但是，我们引用的第三方库也有生产环境和开发环境的区分，如同jQuery有正常版和min版，那么要怎么配置，才能让我们所引用的第三方库也是生产版本呢？概念我们讨论的范围是引入node模块，相关代码大致如下：node中有一
原创
2017-12-23 21:40:31
1110阅读
1）代码压缩虽然UglifyJSPlugin是代码压缩方面比较好的选择，但是还有一些其他可选择项。
原创
2021-12-28 17:11:25
156阅读
文章目录前言一、使用webpack来进行vue-cli模块化开发二、Webpack配置区分开发环境和生产环境三、vue项目打包3.1
原创
2022-05-10 10:26:25
1407阅读
点赞
当我们将 vue 项目完成后，面临的就是如何将项目进行打包上线，放到服务器中。我使用的是 vue-cli（simple） 脚手架，所以就讲一下如何将项目进行打包，并放到 tomcat 上。 如果是 vue-cli (非 simple 脚手架)，这篇文章可能有点帮助。地址链接：vue-cli 如何打包上线 先来描述一下期间遇到的问题有哪些：1、打包后将 dist 文件夹和 index...
转载
2021-08-13 18:48:39
758阅读
8.webpackWebpack 是一个前端资源的打包工具，它可以将js、image、css等资源当成一个模块进行打包。中文官方网站：https://www.webpackjs.com/官网给出的解释：本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)
原创
2022-03-04 15:39:42
68阅读
1、项目根目录初始化package.json: npm init2、下载css与style的loader配置webpack中的css解析npm install css-loader style-loader --save-dev3、下载babel，webpack配置es6语法npm install babel-core babel-loader babel-plugin-transform-
原创
2022-11-20 00:41:19
101阅读
生产配置模板 /* webpack.config.js webpack的配置文件 作用: 指示 webpack 干哪些活（当你运行 webpack 指令时，会加载里面的配置） 所有构建工具都是基于nodejs平台运行的~模块化默认采用commonjs。 */ // resolve用来拼接绝对路径的方 ...
转载
2021-10-22 19:41:00
197阅读
2评论
