Laravel导入节点模块

Question

使用Laravel应用程序实现节点模块时遇到一些问题。 在我的html文件中，我是这样的。

<link rel="stylesheet" href="node_modules/flag-icon-css/css/flag-icon.min.css">
    <link rel="stylesheet" href="../vendors/gaxon-icon/style.css">

当我查看源代码并打开此链接时，出现404错误。如何在我的应用中实现此链接？

Answer 1

无法从Web服务器访问

node_modules。实际上，Laravel应用程序的唯一入口点是public/index.php，并且不可能进入一个目录。

您应该将资产导入app.scss中，这样应该可以

import '~flag-icon-css/css/flag-icon.min'

请记住在此之后编译您的资产

npm run development (or npm run production when you deploy to your server)

Answer 2

安装软件包。

npm install lipis/flag-icon-css --save

此依赖项条目现在应该在您的package.json中。

"dependencies": {
    "flag-icon-css": "github:lipis/flag-icon-css",

在/resources/sass/app.scss中添加：

@import '~flag-icon-css/sass/flag-icon';

构建您的webpack.mix.js配置。

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css');

编译您的资产。

npm run prod

SVG现在将放置在/ public / images / vendor /文件夹中。

最后，在Blade模板/布局中引用生成的CSS文件。

<link type="text/css" rel="stylesheet" href="{{ mix('css/app.css') }}">