随笔分类 - Vue
摘要：在webpack.config.js中做如下配置 module.exports={ ... resolve:{ alias:{ //用@表示src目录 '@':path.join(__dirname,'./src') } }, ... } 在index.js等中引入文件等即可如下写法 import
阅读全文
摘要：正常报错显示文件位置是指压缩后的错误位置 1.使用eval-source-map开发环境下，定位错误源码所在行列，并展示源码 webpack.config.js内加一行 devtool:'source-map', //报错时，显示源码所在行列，同时展示源码 devtool:'eval-source-
阅读全文
摘要：每次 npm run build 后会生成dist目录下打包文件，修改项目后则不会删除dist目录内容，会造成打包文件内很多无用的，因此要手动删除dist目录，但太麻烦，因此使用此插件清理dist目录 1.安装开发依赖 npm i clean-webpack-plugin -D 2.配置webpac
阅读全文
摘要：1 把图片输出到指定目录imgs中，配置webpack.config.js module:{ rules:[ {test:/\.css$/,use:['style-loader','css-loader']}, {test:/\.less$/,use:['style-loader','css-loa
阅读全文
摘要：1.打包配置package.json "scripts": { "dev": "webpack serve", //冒号前可随意命名，冒号后必须固定 "build": "webpack --mode production" //【1】build可随便命名，直接用webpack也可成功打包，但不会压缩
阅读全文
摘要：webpack 只能打包处理一部分高级的 JavaScript 语法。对于那些 webpack 无法处理的高级 js 语法，需要借助于 babel-loader 进行打包处理 1.安装 npm i babel-loader @babel/core @babel/plugin-proposal-dec
阅读全文
摘要：直接在js导入图片会报错，原因wp处理不了 ERROR in ./src/imgs/avatar.png 1:0 Module parse failed: Unexpected character '�' (1:0) You may need an appropriate loader to han
阅读全文
摘要：1.安装 npm i style-loader css-loader -D 2.配置webpack.config.js，加一项 module:{ rules:[ //style-loader,css-loader顺序有先后，不能乱写 {test:/\.css$/,use:['style-loader
阅读全文
摘要：2.持久使用（推荐使用）打开cmd使用命令： npm config set registry https://registry.npm.taobao.org // 配置后可通过下面命令来验证是否成功 npm config ls // 此时：metrics-registry = "http://reg
阅读全文
摘要：webpack.config.js devServer{ //自动打开网页不用手动复制 open:true, //修改打开的端口 port:5001, host:'127.0.0.1' }
阅读全文
摘要：一、webpack-dev-server js脚本修改后每次要重新运行npm run dev重新打包，非常麻烦， 因此需要一个自动检测代码有无修改，自动打包功能 npm i -D webpack webpack-cli webpack-dev-server html-webpack-plugin w
阅读全文
摘要：webpack的默认打包入口和输出目录 打包默认入口是根目录下的：./src/index.js 打包默认输出目录是根目录：./dist/main.js 更改打包入口js，./webpack.config.js const path=require('path') //【1】 module.expor
阅读全文
摘要：直接 把npm注册为淘宝 使用 cnpm install 时候，并不会生成 package-lock.json 文件。cnpm install 的时候，就算你项目中有 package-lock.json 文件，cnpm 也不会识别，仍会根据 package.json 来安装。所以这就是为什么之前你用
阅读全文
该文被密码保护。
摘要：M、V、VM分别代表什么? M: model，数据部分，即data V: view，视图，即html部分 vm: viewmodel，vue实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vi
阅读全文
摘要：<!-- 1. 使用v-model(双向数据绑定)自动收集数据 text/textarea checkbox radio select --> <div id="demo"> <form action="/xxx" @submit.prevent="handleSubmit"> <span>用户名:
阅读全文
摘要：问题：复制stylus样式后报错意外缩进 原因：stylus中混用了tab(\t)和空格(' ')导致stylus无法正常编译 最简单解决：查看编辑器右下角一tab等于几个空格，然后把空格*n替换成\t即可 sublime解决： ctrl+shift+p 进入设置搜索框 输入：settings 然后
阅读全文
摘要：首先我们在创建一个vue项目的时候，会有一个选择：Use ESLint to lint your code? (Y/n)，在这一步，我们选择no就好了。 方法一： 但是如果我们不小心选择了Y，在开发过程中一直报错，该怎么办呢？我们不需要删除项目重新创建，我们只要修改build\webpack.bas
阅读全文
该文被密码保护。
