Mac安装brew
它的用法brew update 更新brew；brew install {应用名，如git} 安装软件brew cask install {应用名，如git} 也是下载安装，与上面的区别，请查看https://www.zhihu.com/question/22624898更多用法请 brew helpBuy me a cup of coffee :)...
2024-01-10
webpack 打包
在vue项目中的config/index 配置了host为localhost 只能通过localhost或者127.0.0.1访问，不能通过IP访问，把localhost改为0.0.0.0 可以正常通过IP访问，但是启动项目时会默认打开0.0.0.0:8080要如何修改才能默认打开正常使用localhost，并且可以通过IP访问回答：const os = require("os");/** ...
2024-03-12
vue系列8：webpack
webpack 是前端的一个项目构建工具，它是基于 Node.js 开发出来的一个前端工具；http://webpack.github.io/2、安装1）全局安装 npm i webpack -g2）项目根目录安装到项目依赖中 npm i webpack --save-dev3、使用1）npm init -y2）npm install jquery -S3）webpack .\src\main.js .\dist\bundle.jsnpm i webpack-dev-server -D 把这个工具安装到项...
2024-01-10
vue中webpack的配置
vue中webpack的配置npm init -y(生成package.json文件)实时打包：npm i webpack-dev-server创建webpack.config.js文件配置webpack.config.js文件在package.json中添加一个脚本自动将打包好的bundle.js追加到页面处理第三方文件Babel(将es6中高级的语法转换为低级语法)webpack 是一个现代 JavaScript 应用程序的静态模块打包器。当 ...
2024-01-10
在webpack中传递环境变量
我正在尝试将有角度的应用程序从gulp转换为webpack。在gulp中，根据NODE_ENV，我使用gulp-preprocess替换html页面中的某些变量（例如，数据库名称）。使用webpack达到类似结果的最佳方法是什么？回答：有两种基本方法可以实现此目的。回答：new webpack.DefinePlugin({ 'process.env.NODE_ENV': JSON.stringify(process.env.NOD...
2024-01-10
webpack vue 配置
vue-loader 1.)首先创建项目目录 --vue-loader文件夹 |-index.html 入口文件 |-main.js 入口文件 |-App.vue Vue文件 |-package.json 工程文件 |-webpack.config.js webpack 配置文件 2.)基于webpack模块化开发ES6 关...
2024-01-10webpack高级配置与优化详解
所谓打包多页面，就是同时打包出多个 html 页面，打包多页面也是使用 html-webpack-plugin，只不过，在引入插件的时候是创建多个插件对象，因为一个html-webpack-plugin 插件对象只能打包出一个 html 页面。如:module.exports = { entry: { index: "./src/index.js", // 指定打包输出的chunk名为index foo: "./src/foo.js" // 指定打...
2024-01-10webpack动态模块加载器按需
好的，我已经搜索了高低位，但是无法可靠地确定Webpack是否可行。https://github.com/webpack/webpack/tree/master/examples/require.context似乎表明可以将字符串传递给函数并加载模块…但是我的尝试没有用：webpack.config.js'use strict';let webpack = require('webpack'), jsonLoader = require("json-loader"), path ...
2024-01-10
VUE 之 webpack 封装方法例子
encrypt.jsimport { Base64 } from 'js-base64'// 加盐let salting = 'shaozhu666'// 加密const encryptString = (name) => { return Base64.encode(name + salting)}// 解密const decodeString = (name) => { let decodeName = Base64.decode(name) || '' if (decodeName && dec...
2024-01-10
VUE安装和创建一个基于webpack模板的项目
之前安装过，由于电脑系统出了问题，重装系统了，所以。。。就需要再部署环境、安装VUE。记得之前的部署安装，今天再次操作的时候，还有一个迷糊和错误，今天特意写这个文档，一是想给以后的VUE初学者一个简要的搭建项目过程说明；二呢，也是想请教更多的大咖来帮助自己解惑，所以呢、所以...
2024-01-10Webpack输出为空对象
我想构建一个React组件库作为节点模块，然后将其导入到不同的项目中。但是，如果我尝试导入组件，它只会返回一个空对象。button.jsx：import React, {Component} from 'react'export class Button extends Component { render() { return <button className='btn'>Hello Button comp</button> }}export default Buttonindex....
2024-01-10webpack常用构建优化策略小结
简介读了《深入浅出webpack》总结一下常用的webpack的构建优化策略，可通过以下手段来提升项目构建时的速度更精准的loader规则将loader规则写清楚仅让需要处理的文件，进入loader处理环节，如下 rules: [{ // 正则尽量准确 test: /\.js$/, // 使用缓存，缓存后在文件未改变时编译会更快(缓存查找原...
2024-01-10
webpack定制vue开发脚手架
具备功能：1，不同环境下打包：开发环境和生产环境2，使用sass3，js压缩以及js转码4，css压缩和css前缀github地址：https://github.com/mstzhen/webpack-demo/tree/master/demo17...
2024-01-10
webpack构建vue单文件组件
1.安装vue-loader和vue-template-compilernpm i vue-loader vue-template-compiler --save-dev2.配置webpack.config.jsvar path = require('path');var webpack = require('webpack');var VueLoaderPlugin = require('vue-loader/lib/plugin');module.exports = { entry: './src...
2024-01-10
Vue 与 webpack手动配置
上篇webpack入门，将常用重要点过了一下，这篇是手动搭建vue中webpack相关指令整理npm init -ynpm i -D webpack webpack-clinpm i vue -Smkdir src cd src touch index.jstouch webpack.config.jsnpm i -D html-webpack-plugin // 编译出html页面npm i -D webpack-dev-server //启动webpack服务 8080npm i -D vu...
2024-01-10
webpack vue 的一些笔记
1、开发过程中使用异步组件（提高性能）当app.js（几m）太大的时候才需要异步组件 第一种： 在route.js文件中 routes:[{ path:'/nav', name:'Nav', component:()=> import('xxx/xxx/Nav')}] 第二种 xxx.vue文件中注册组件的时候异步 components:{ ...
2024-01-10
k8s使用kubeadm安装
使用阿里源：cat << EOF > /etc/yum.repos.d/kubernetes.repo[kubernetes]name=Kubernetesbaseurl=https://mirrors.aliyun.com/kubernetes/yum/repos/kubernetes-el7-x86_64/enabled=1gpgcheck=1repo_gpgcheck=1gpgkey=https://mirrors.aliyun.com/kubernetes/yum/doc/yum-key.gpg h...
2024-01-10
Vue--webpack实时重新加载
前戏每一次手动打包很麻烦，打包后还需要手动刷新浏览器。采用 webpack 提供的工具： webpack-dev-server ，它允许在运行时更新所有类型的模块后，而无需手动打包和刷新页面，会自动打包和刷新页面。可以很大程度提高开发效率。参考：https://webpack.docschina.org/guides/development/#使用-webpack-dev-server安装...
2024-01-10webpack 处理CSS资源的实现
1. 一个引入 CSS 资源的案例// index.jsimport './style.css'/* style.css */#root { height: 100px; width: 100px; border: 1px solid #ccc;}就这样打包的话，是会报错的，那么想要成功打包 CSS 资源，需要使用下面介绍的几个 loader。2. style-loader将 CSS 样式注入到 DOM 中。2.1 结合 css-loader 使用module.exports = { module: { ...
2024-01-10
VUE2.6安装minio,webpack编译不了？
,vue.config中配置.mjs还是不行，请问是什么原因呢'use strict'const path = require('path')const AddAssetHtmlPlugin = require('add-asset-html-webpack-plugin')const webpack = require('webpack')function resolve(dir) {...
2024-03-04
webpack安装配置与常见使用过程详解（结合vue）
webpack介绍和安装webpack：前端模块化打包工具安装webpack需要安装Node.js，Node.js自带软件包管理工具npm查看自己的node版本：node -v全局安装webpackcnpm install webpack -g查看webpack版本webpack --version局部安装webpackcnpm install webpack --save-dev为什么全局安装之后还需要局部安装？在终端直接执行webpack，使...
2024-01-10webpack4.x下babel的安装、配置及使用详解
前言目前，ES6（ES2015）这样的语法已经得到很大规模的应用，它具有更加简洁、功能更加强大的特点，实际项目中很可能会使用采用了ES6语法的模块，但浏览器对于ES6语法的支持并不完善。为了实现兼容，就需要使用转换工具对ES6语法转换为ES5语法，babel就是最常用的一个工具。那么在webpack中如何使...
2024-01-10webpack实现热加载自动刷新的方法
本文介绍了webpack实现热加载自动刷新的方法，分享给大家，具体如下：一、webpack-dev-server 一个轻量级的服务 功能：修改代码及时呈现到浏览器上。第一步：安装npm install webpack-dev-server -g 第二步：写入到依赖npm install webpack-dev-server --save-dev 第三步：修改webpack配置文件 module.exports = { ...
2024-01-10
如何在Debian 9上安装Skype
Skype 是世界上最流行的通信应用程序之一，它使您可以拨打免费的在线音频和视频电话，以及可负担得起的拨打全球移动电话和固定电话的国际电话。Skype不是开放源代码应用程序，它也不包含在Debian存储库中。在本教程中，我们将说明如何在Debian 9上安装Skype。先决条件您已登录的用户必须具有 sudo权...
2024-01-10
vue+webpack实现异步组件加载
8.9更新：之前想搬迁到csdn的时候由于邀请码问题迟迟没把博客转过来，所以跑去博客园了，今天发现csdn已经帮我把文章搬过来，有必要修正一下这篇文章。写这篇文章的时候因为刚接触vue，所以捣鼓的时候有些迷糊。...
2024-01-10
