分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

(初识MVC Core)三、包的安装NPM与打包--css和js

发布时间:2023-09-06 02:35责任编辑:熊小新关键词:jsMVC

 一: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

(初识MVC Core)三、包的安装NPM与打包--css和js

原文地址:https://www.cnblogs.com/dzw159/p/10569123.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved