webpack
newway007
这个作者很懒,什么都没留下…
展开
-
webpack-dev-server
https://blog.csdn.net/weixin_33830216/article/details/91452427 webpack-dev-server所使用的bundle.js文件并不是webpack.config.js中output打包生成的bundle.js, 而是使用webpack-dev-server自己打包生成的,这个文件不存在与output或其他路径中,而是...原创 2019-12-12 14:45:04 · 72 阅读 · 0 评论 -
webpack HtmlWebpackPlugin插件配置
HtmlWebpackPlugin没有什么很复杂的功能 它主要是控制: minify配置项 removeComments 默认值false;是否去掉注释 collapseWhitespace 默认值false;是否去掉空格 minifyJS 默认值false;是否压缩html里的js(使用uglify-js进行的压缩) minifyCSS 默认值...原创 2019-12-11 14:59:52 · 197 阅读 · 0 评论 -
webpack之css的编译
webpack是以js文件作为入口打包的。 项目中的css如何引入? css可以通过js文件引入,但必须使用相应的loader 1.css-loader,让css可以被js正确的引入 2.style-loader,让css被引入后可以被正确的以一个style标签插入页面 3. 两种顺序不能颠倒,先经过css-loader处理,再由style-loader处理。 var extra...原创 2019-12-11 11:57:25 · 532 阅读 · 0 评论 -
webpack的js编译
webpack来来回回学了几次了。 这一次获得了新的东西。 编译es6. 需要的loader: npm i babel-loader @babel/core -D 但是在js文件中写es6语法(比如箭头函数),编译出来的结果依然维持着箭头函数本身。没有对es6语法进行编译。 这是因为,没有告知webpack,需要将js编译成es6,es5还是其它。 所以需要安装: cn...原创 2019-12-09 11:51:08 · 783 阅读 · 0 评论 -
webpack安装卸载、查看版本号本地和全局的优先级的说明
webpack安装和卸载以及查看版本的命令: ## 全局安装: cnpm i webpack webpack-cli -g ## 局部安装: cnpm i webpack webpack-cli -D ## 全局卸载 cnpm uninstall webpack webpack-cli -g ## 局部卸载 cnpm uninstall webpack webpack-cli ...原创 2019-12-08 15:32:24 · 2164 阅读 · 0 评论