qq_43505774的博客

json文件运行配置"scripts": { "dev": "node index.js" },index.js文件var opn = require('opn') // 打开浏览器var path = require('path') // 路径模块var express = require('express') // express框架 var webpack = require('webpack') //核心模块webpackvar webpackConfig = requ

1:比如导入jQuery三种方式module.exports = { entry:{ //多入口 }, optimization:{ splitChunks:{//分割代码模块 cacheGroups:{//缓存组 common:{ //公共模块 chunks: 'initial', minSize: 0, minChunks: 2 // }, vendor:{ priority:1,引用 test: /node_modules/ ,//抽离 chun

作为元素link 的属性 rel 的值preload 是告诉浏览器首页页面必定需要的资源，浏览器一定会加载这些资源prefetch 是告诉浏览器其他页面可能需要的资源，浏览器不一定会加载这些资源在VUE SSR生成的页面中，首页的资源均使用preload，而路由对应的资源，则使用prefetchprefetch 用了就会去加载使用as作为告诉浏览器文件加载方式as=“style" as=“script”<link rel="preload" href="./1 (2).js" as="s

当我们时候脚手架的时候都是通过webpack打包文件 然后基于nodejs开启web服务器发送请求获取内容，一切的东西都是基于这个来实现代码的编译。entry入口outputmoudle rules loaderplugin如上四个是非常重要的通过入口文件 src文件夹下面的index.js来运行项目 webpack 支持nodejs的commonjs amd 也兼容部分esmodule优先会去 module 文件下面去寻找 文件然后根据路径去寻找通过引用的模块来判断是否提出为公用模块

webpack打包工具基本用法都在下面const path=require("path")//这是用来输出path.resovleconst HtmlWebpackPlugin=require("html-webpack-plugin")//用于把HTML页面放入内存const minicss=require("mini-css-extract-plugin")//webpack4.0以后的打包css文件const OptimizeCssAssetsWebpackPlugin=require("o

webpack4.0配置如下const path=require("path")const HtmlWebpackPlugin=require("html-webpack-plugin")//用于把HTML页面放入内存const vueload=require("vue-loader/lib/plugin")const WorkboxWebpackPlugin=require("workbox-webpack-plugin")const htmlplugin=new HtmlWebpackPlug

"devDependencies": { "babel-core": "^6.26.3", "babel-loader": "^7.1.5", "babel-plugin-transform-runtime": "^6.23.0", "babel-preset-env": "^1.7.0", "babel-preset-react": "^6.24.1", "babel-preset-stage-0": "^6.24.1", 这上面全是babel-l.