Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在angular4应用程序中捆绑资产文件夹?_Javascript_Css_Angular_Webpack_Angular Cli - Fatal编程技术网

Javascript 如何在angular4应用程序中捆绑资产文件夹?

Javascript 如何在angular4应用程序中捆绑资产文件夹?,javascript,css,angular,webpack,angular-cli,Javascript,Css,Angular,Webpack,Angular Cli,我正在使用带有网页的Angular4应用程序。当我使用ng build--prod命令构建应用程序时,assets文件夹位于dist文件夹中。但是,css&js文件不是捆绑或缩小的形式 我想知道如何捆绑和缩小我的资产文件夹中的js&css文件 我猜资产文件夹中的js和css文件是外部依赖项 您可以将它们添加到.angular-cli.json文件中。它们将分别在CSS的style.bundle.js中的scripts.bundle.js中自动编译 转到.angular-cli.json并为Jav

我正在使用带有网页的Angular4应用程序。当我使用ng build--prod命令构建应用程序时,assets文件夹位于dist文件夹中。但是,css&js文件不是捆绑或缩小的形式


我想知道如何捆绑和缩小我的资产文件夹中的js&css文件

我猜资产文件夹中的js和css文件是外部依赖项

您可以将它们添加到.angular-cli.json文件中。它们将分别在CSS的style.bundle.js中的scripts.bundle.js中自动编译

转到.angular-cli.json并为Javascript添加:

"scripts": [
     "path/to/your/js/file"
],
对于CSS文件:

"styles": [
     "path/to/your/css/file"
],
不应将外部依赖项添加到资产文件夹


关于

您可以用于任何特定任务…gulp中有不同的模块用于编写任务…例如,我可以将我的css和js文件夹放在assets文件夹中吗?如果您将其添加到Angular中的scripts.bundle.js或styles.bundle.js中,您不必这样做,我也不推荐这样做。你的Javascript和CSS将被Webpack捆绑,这些文件包含在index.htmlSorry中,我没听清楚。我试图将css&js文件夹放在assets文件夹中,并按照您所说的在脚本和样式块中指定了文件位置。但是,在检查时,在浏览器的源面板中,我可以看到这些文件不是捆绑格式。您能告诉我您在.angular-cli.json文件中为js和css文件指定的路径吗?“styles”:[“/assets/css/coustom.css”],“scripts”:[“/assets/js/coustom.js”],