Thursday, February 23, 2023

How to import .js in .NetCore website project

1) imports in  site.scss

@import "../node_modules/dropzone/src/basic.scss";

@import "../node_modules/dropzone/src/dropzone.scss";

it will be included in wwwroot/lib  

2)change Directory.Build.props file

<NpmSourceJsFiles Include="node_modules/dropzone/dist/dropzone.js;node_modules/dropzone/dist/min/dropzone.min.js" />

3) package.json

{

  "version": "1.0.0",

  "name": "asp.net",

  "private": true,

  "devDependencies": {

     "@types/dropzone": "5.7.4",   

    "dropzone": "5.9.3"

  }

}

4)package-lock.json

  "@types/dropzone": {

      "version": "5.7.4",

      "resolved": "https://registry.npmjs.org/@types/dropzone/-/dropzone-5.7.4.tgz",

      "integrity": "sha512-9kLJ2YAmVRWYrHvDoa95pQzHF0HUMKcznsS7FM1Mht5Yieec+HMB6Ybfm+ocvLjvFCvgyYGFTp4nzNFxhZmo3g==",

      "dev": true,

      "requires": {

        "@types/jquery": "*"

      }

    },

5)convert .js to .ts and store under /Scripts folder

it will be inlcuded under wwwroot/js after compilation

Blog Archive