webpack
李晓怡
年轻就要多折腾
展开
-
webpack vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin
场景:webpack2.4.*集成vue-loader@15.2.4报错 vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config. 分析 参考官方文档 https://vue-loader.vuejs.org/mig...转载 2020-02-07 15:00:40 · 292 阅读 · 0 评论 -
webpack的学习(五):Plugin/Preset files are not allowed to export objects,webpack报错/babel报错的解决方法
1、为什么会报错 ? 这里抱着错误是因为 babel 的版本冲突。 多是因为你的 babel 依赖包不兼容。 可以查看你的 package.json 的依赖列表 即有 babel 7.0 版本的( @babel/core , @babel/preset-react ) 也可命令查看 bebel-cli 的版本 ( babel -V ) 也有 babel 6.0 版本的...转载 2020-02-06 22:10:01 · 993 阅读 · 0 评论 -
webpack的学习(四):插件 html-webpack-plugin
作用: 1.自动在内存中根据指定的页面生成一个内存的页面 2.自动,把打包好的bundle.js追加到页面中去 1、运行 npm i html-webpack-plugin -D 安装 2、在webpack.config.js 中导入 html-webpack-plugin consthtmlWebpackPlugin=require("html-webpack-plu...原创 2020-02-06 14:09:17 · 264 阅读 · 0 评论 -
webpack的学习(三):webpack-dev-server实现自动打包编译
使用webpack-dev-server来实现自动打包编译的功能 1、运行npmiwebpack-dev-server-D把这个工具安装到项目的本地开发依赖 注意:webpack-dev-server这个工具,如果想要正常运行,要求在本地项目中,必须安装webpack 2、安装完毕后,运行 webpack-dev-server 会报错 原因:由于我们是在项目中,本地安装...原创 2020-02-06 13:41:45 · 1080 阅读 · 0 评论 -
Error: Cannot find module 'webpack-cli/bin/config-yargs'
webpack 用npn run dev启动报错, 原因是 webpack-cli 包已经从webpack分离出来了,所以要单独安装解决方案: 运行npm i -D webpack-cli原创 2020-02-04 16:36:26 · 577 阅读 · 0 评论 -
webpack的学习(二)
webpack不通过命令的形式指定入口和出口进行打包构建 创建一个配置文件 webpack.config.js constpath=require('path') //这个配置文件,其实就是一个JS文件,通过Node中的模块操作,向外暴露了一个配置对象 module.exports={ //在配置文件中,需要手动指定入口和出口 entry:p...原创 2020-02-04 16:07:57 · 164 阅读 · 0 评论 -
webpack的学习(一)
webpack安装的两种方式 1、全局安装 npm i webpack -g 2、在项目根目录中运行 npm i webpack --save-dev 安装到项目依赖环境中 1、初始化项目 npm init -y 2、npm i jquery -S 安装jquery 3、创建一个main.js文件,使用import *** from *** 的方式导入模块 impor...原创 2020-02-04 15:42:30 · 143 阅读 · 0 评论 -
问题:webpack not installed Install webpack to start bundling: $ npm install --save-dev webpack
刚开始默认装的webpack4.39.3的,webpack时报下面的错误,按照提示也无法解决 于是换了版本,先卸载 npmuninstallwebpack-g 在安装指定版本 ,我装的是3.5.5 npminstallwebpack@3.5.5-g 但是上面指令会报错如下: 解决办法,将安装指令换为:npminstallwebpack@3....转载 2020-01-05 14:45:10 · 2330 阅读 · 1 评论