该文被密码保护。 阅读全文
摘要:
在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- 阅读全文
摘要:
方法1 右上角3点——设置——搜索 “ 帮助我们改进 Chrome 的功能和性能 将其关闭 不启作用则:方法2 进程中展开chrome进程找到名为 software_reporter_tool.exe 右键——转到其位置,修改目录中的mainfest.json 把 "allow-reporter-l 阅读全文
摘要:
每次 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 阅读全文