Bessicxie的博客

最近用webpack构建vue项目，发现很多新版本更新要注意的问题，这里记录一下

**1.ES Moudule模块引入方式**//引入文件：import Header from './header.js'//输出文件：function Header(){ var div=document.createElement(’div'); div.innerHTML='div'; document.body.append(div);}export default ...

file-loaderrules: [{ test: /\.(jpg|png|gif)$/, use: [{ loader: 'file-loader', options: { name() { r...

webpack4.35.0@babel/plugin-transform-runtime { test: /\.m?js$/, exclude: /node_modules/, use: { loader: 'babel-loader',...

为什么要用tree shanking首先看这一段代码：main.js输出两个函数export const add = (a,b) => { console.log(a+b)}export const minus = (a,b) => { console.log(a-b)}index.js使用import { add } from './main'...

实际项目运用中，打包到生产环境的代码跟开发环境的代码的需求是不一样的，一个很简单的例子一般情况下，webpack的mode是production模式的，打包出来的js文件是经过压缩的，这适用于生产环境；但是开发环境我们需要的是用development的；在实际的开发的时候，前后端联调的时候也会根据不同的环境，比如开发环境，测试环境，正式生产环境配置不同的域名；结合各种情况，给不同的环境配置不...