How to optimize this code?

let importFn = (icon) = > {

import icon from "@/assets/monitor-data/" + icon + ".png";

}

import icon1 from "@ / assets/monitor-data/icon1.png";
import icon2 from "@ / assets/monitor-data/icon2.png";
import icon3 from "@ / assets/monitor-data/icon3.png";
import icon4 from "@ / assets/monitor-data/icon4.png";
vue project, originally intended to write a function, but the import line also reported an error. I don"t know why, how do we solve this repeated introduction-sharp-sharp-sharp problem description

the environmental background of the problems and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?

Node.js html5 javascript
Apr.26,2021 
  const context = require.context('@/assets/monitor-data', false, /\.png$/)
  const keys = context.keys()
  keys.forEach(path => {
    const img = context(path)
    console.log(img)
  })
The

method introduces all the png files in the'@ / assets/monitor-data' directory. If you need Filter, you can call the filter () method on the variable keys . You can also create a separate directory of files you need to import, so you don't need Filter.
if you report an error, do not use the alias of webpack. The alias has not been tested to see if it can be used.

it is also required to write in require,

Previous: If the password is not stored in the token, send the token to the backstage, how can the backstage verify its legitimacy?

Next: The data crawled down by the crawler (100g level, more than 2000W) should be stored in mysql or mongodb?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu