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
vue与webpack
由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西，开发过程中需要改动到build和config里面一些相关的配置，所以刚好趁此机会将所有配置文件看一遍，理一理思路，也便于以后修改配置的时候不会“太折腾”。1、首先我们在构建vue项目后，就得先了解vue的项目结构├── build ----------------...
2024-01-10
webpack + vue
开始之前本文包含以下技术，文中尽量给与详细的描述，并且附上参考链接，读者可以深入学习：1、webpack2、Vue.js3、npm4、ES6语法前言在对着产品高举中指怒发心中之愤后，真正能够解决问题的是自身上的改变，有句话说的好：你虽然改变不了全世界，但是你有机会改变你自己。秉承着“不听老人言...
2024-01-10
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动态模块加载器按需
好的，我已经搜索了高低位，但是无法可靠地确定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-10webpack高级配置与优化详解
所谓打包多页面，就是同时打包出多个 html 页面，打包多页面也是使用 html-webpack-plugin，只不过，在引入插件的时候是创建多个插件对象，因为一个html-webpack-plugin 插件对象只能打包出一个 html 页面。如:module.exports = { entry: { index: "./src/index.js", // 指定打包输出的chunk名为index foo: "./src/foo.js" // 指定打...
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
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-10
vue 一些webpack的配置详解
最近一直在忙着做项目 本来想养成一个经常跟新博客的习惯 ， 但是实在是太难了 ， 每天加班到10点多 。8点能下班都是最好的了 ， 小公司真不好待呀分享一下最近半年的vue心得吧我的项目是在他的基础上改的PanJiaChen/vueAdmin-templatevuex 咋web上我觉得是鸡肋 ， 用户刷新页面直接就没了。。。。。...
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如何在webpack条目中添加通配符映射
我需要将所有js文件打包到web文件夹中。module.exports = { module: { loaders: [ { test: /\.js$/, exclude: /node_modules/, loaders: ["babel-loader"], } ], }, entry: "./src/scripts/*.js", output: { path: './src/build', filename: '...
2024-01-10
