.net core中前端包的安装

时间:2018-10-29 15:08 作者:猪你的鼻子有两个孔 阅读数:848

 

npm(全称 Node Package Manager,即“node包管理器)是Node.js默认的、以JavaScript编写的软件包管理系统-----维基百科

一、下载安装bootstrap资源

1、 下载安装Node.js,安装完成查看Node.js和npm版本

 11.PNG

2、 新建NPMDemo项目,在wwwroot文件夹下新建css和js文件夹用于存放项目静态资源文件,css下新建一个site.css用作网站的样式

 结构.PNG

3、 在NPMDemo项目新建一个NPM配置文件,名字默认不改变

 packjsoon.PNG

     4、使用NPM配置安装bootstrap,bootstrap要用到jquery-slime.js、popper.js和bootstrap.js

      bootstrap.PNG

     5、在package.json中进行配置,配置完成Ctrl+s保存即可下载相关的js文件

         配置packjson.PNG生成.PNG

 

二、把bootstrap相关文件压缩打包到wwwroot静态资源文件夹下

    1、MS官网有具体的对文件打包捆包的说明

        ms官方文档.PNG

    2、配置生成要用到BuildBundlerMinifier这个包,使用nuget安装BuildBundlerMinifier

        安装.PNG

    3、新建一个Json文件,命名为bundleconfig.json

        bundle.PNG

    4、在bundleconfig.json文件中bootstrap资源文件进行捆绑和压缩配置,参照MS官方文档

        OutputFileName为要打包和压缩到的路径和文件名

        InputFiles为要把那几个文件或者哪个文件进行打包压缩

        Minifly:enable属性为是否进行压缩

       11111111111111111.PNG

       22222222222222.PNG  

5、配置完成生成项目即可看到,资源文件已被打包捆绑和压缩到wwwroot文件夹下

      生成2222.PNG

 

 



推荐文章

[推荐] .NET Core 项目经验总结:Startup.cs 介绍(二)

[推荐] .NET Core 项目经验总结: UseStaticFiles 静态文件的使用(四)

[推荐] ASP.NET Core开发者成长路线图(转)

[推荐] Redis 使用经验总结(一): 下载与安装

[推荐] Redis 使用经验总结(三): 主从复制 slaveof ip port

[推荐] .NetCore 发布类库为Nuget包(打造自己的NuGet包)

[推荐] .Net Core 使用 @inject 在View中使用注入(DI)引入Microsoft.AspNetCore.Hosting.IHostingEnvironment

[推荐] nginx在windows上安装配置 - nginx for Windows

[推荐] .net core中前端包的安装

[推荐] .net core 2.0独立部署 (待验证)

[推荐] .net core 中间件管道底层剖析 (转)

[推荐] .net core 杂记:日记记录 (转)

[推荐] c# 个人总结

[推荐] .Net Core 2.0 使用dotnet 命令创建.Net Core Web项目

[推荐] Jquery.Validate例子


评论列表



注册用户登录后才能发表评论,请登录注册,访问 博客首页