笨小孩

摘要： import { Componenet, Vue } from 'vue-property-decorator' @Component export default class CompnentName extends Vue { } ###@Component 和 下面的类是不相通的，他们都可以在 阅读全文

摘要： module.exports = { mode: 'development', devtool: 'eval', devServer: { static: './dist', hot: true, //就是这个hot，它默认是true打开的，但是好像也没什么效果（暂时没试出来） proxy: { ' 阅读全文

摘要： 只能在开发环境下使用 当请求某个地址时，前面的域名都是重复且长，除了包装请求工具之外，还可以通过 devServe 的 proxy 实现 module.exports = { devServer: { static: './dist', proxy: { '/abc': { //当请求任何一个以 / 阅读全文

摘要： 首先需要安装 webpack-dev-server npm install -D webpack-dev-server 配置 webpack.config.js 和 package.json webpack: module.exports = { devServer: { static: './di 阅读全文

摘要： 当我再 sub.js 里写了错误代码 明明错误再第8行，报错却说在第11行 因为这是打包后文件的错误位置，但这不利于我们修改错误，故需要也能够射出错误在源代码中的位置 在这里配置：devtool 阅读全文

摘要： 当直接 webpack 打包的时候，所打包的 css 都是全局通用的，但这可能不是我们想要的。故需要 css 模块化 avator.scss body { .avator { width: 300px; height: 300px; transform: translateX(100px); } } 阅读全文

摘要： ###作用：在写 css 时，不需要再一些属性钱加上 -webkit-，-moz 等浏览器标识，可以通过 postcss 在 webpack 打包时自动加上 可以在webpack的loader里看postcss-loader的使用方法 点击查看原文： 来到这里，按指示往下配置 / 下载 在 webp 阅读全文

摘要： const path = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin') const { CleanWebpackPlugin } = require('clean-webpack-plugin') m 阅读全文

摘要： 当需要打包图片的时候 npm i file-loader 或者 url-loader 区别： url-loader 更高级，可以更具图片的大小，选择打包的方式（转化成base64存在js里 / 转换成 url 通过网络请求获取） 当图片较小如1-2kb时放在js里可以减少请求次数，但图片过大时，转换 阅读全文

摘要： npm i html-webpack-plugin const path = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin') //引入 module.exports = { entry: { main: 阅读全文