(初识MVC Core)三、包的安装NPM与打包--css和js
一:NPM的安装
1.右键项目=》添加新建项=》创建NPM配置文件
2.新增引用插件包(会出现自动提示),写完一个之后,保存一下,就会自动安装插件包
显示所有隐藏文件就可以看到安装的插件包了
二:js和css打包bundleConfig.json
1.新建一个名为bundleConfig.json的json
2.打包
1)在项目wwwroot底下创建文件夹js和css
2)修改bundleConfig.json内容
[ //css { //打捆生成的css文件路径和名称并压缩 "outputFileName": "wwwroot/css/all.min.css", "inputFiles": [ //需要打捆的css文件路径和名称 "node_modules/bootstrap/dist/css/bootstrap.css", "wwwroot/css/site.css" ] }, { "outputFileName": "wwwroot/css/bootstrap.css", "inputFiles": [ "node_modules/bootstrap/dist/css/bootstrap.css" ], "minify": { "enabled": false//是否压缩(开发使用) } }, //js { "outputFileName": "wwwroot/js/all.min.js", "inputFiles": [ "node_modules/jquery-slim/dist/jquery.slim.js", "node_modules/popper.js/dist/js/popper.js", "node_modules/bootstrap/dist/js/bootstrap.js", "wwwroot/js/site.js" ], "minify": { "enabled": true, "renameLocals": true }, "sourceMap": false }, { "outputFileName": "wwwroot/js/vendor.js", "inputFiles": [ "node_modules/jquery-slim/dist/jquery.slim.js", "node_modules/popper.js/dist/js/popper.js", "node_modules/bootstrap/dist/js/bootstrap.js" ], "minify": { "enabled": false } } ]
3)使用Nuget安装BuildBundlerMinifier
4)安装后执行一下,生成
参阅:https://v.qq.com/x/page/r0745234k98.html
谢谢Dave
【推荐】FFA 2024大会视频回放:Apache Flink 的过去、现在及未来
【推荐】中国电信天翼云云端翼购节,2核2G云服务器一口价38元/年
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 聊一聊坑人的 C# MySql.Data SDK
· 使用 .NET Core 实现一个自定义日志记录器
· [杂谈]如何选择:Session 还是 JWT?
· 硬盘空间消失之谜:Linux 服务器存储排查与优化全过程
· JavaScript是按顺序执行的吗?聊聊JavaScript中的变量提升
· 2000 Star,是时候为我的开源项目更新下功能了
· 好消息,在 Visual Studio 中可以免费使用 GitHub Copilot 了!
· 工作中这样用MQ,很香!
· 使用 .NET Core 实现一个自定义日志记录器
· 没事别想不开去创业!
2017-03-21 一个解决方案,多个项目跨域问题