利用webpeck打包js/css需要注意的一些点:
版本问题
这个是webpack难用的核心问题,各个插件之间经常需要组合使用,但是版本对应的范围难以规范,尤其是对于新手来说,直接npm install
不带版本,那肯定一堆莫名其妙的报错。
webpack安装和运行的问题
局部安装(全局安装容易出错,全局包和局部包产生冲突)
webpeck4.0版本对应的webpack-cli和webpack-dev-server(这是一个能用版本的方案)
1 | "webpack": "^4.20.2", |
注意,由于是局部引入,那么不能直接用webpeck
命令进行打包,需要在package.json
进行定义script字段
:
1 | "scripts": { |
一个打包的例子
目录结构
webpeck.config.js
1 | let HtmlWebpackPlugin = require('html-webpack-plugin') |
package.json
的一些依赖
1 | //js |
这里用到了babel,所以还需要配置.babelrc
文件:
1 | { |
(¦3[▓▓]
- 本文链接: https://anyway521.gitee.io/post/be84b2ab.html
- 最后更新:
- 版权声明: 博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议进行许可,转载请注明出处!