第一个例子
编辑本页警告:您正在浏览的文档欧宝官网下载appob娱乐下载Symfony 3.3,现已不再维护。
读本页的更新版本用于Syob娱乐下载mfony 6.2(当前稳定版本)。
资产/目录:
资产/ js / app.js
资产/ css / app.scss
使用Encore,您应该将CSS视为一个依赖你的JavaScript。这意味着,你会需要任何你需要的CSS在JavaScript中:
1 2 3 4
/ /资产/ js / app.js需要(“. . / css / app.scss”);/ /……剩下的JavaScript代码在这里
有了Encore,我们可以很容易地缩小这些文件,预处理app.scss
通过萨斯和一个很多更多。
需要其他JavaScript文件。首先,创建一个导出函数的文件:
1 2 3 4
/ /资产/ js / greet.js模块. export =函数(的名字){返回“溜溜球${名称}-欢迎来到安可!`;};
我们将使用jQuery在页面上打印这条消息。安装方法:
1
$Yarn添加jquery
太棒了!使用要求()
进口jquery
而且greet.js
:
12 3 4 5 6 7 8 9 10 11 12
/ /资产/ js / app.js//从node_modules加载jquery包var$ =需要(jquery的);//从greet.js导入函数(.js扩展名是可选的)// ./(或../)表示查找本地文件var迎接=需要(”。/问候');$ (文档时(函数(){$ (“身体”) .prepend (“h1 > <”+问候(“约翰。”)+“< / h1 >”);});
就是这样!在构建资产时,jQuery和greet.js
将自动添加到输出文件(app.js
).对于像jQuery这样的常用库,您可能需要这样做创建共享条目为了更好的性能。
如果这些条目包括CSS/Sass文件(例如。homepage.js
需要资产/ css / homepage.scss
),则会为每个文件生成两个文件:(例如:构建/ homepage.js
而且构建/ homepage.css
).
资产/ js / app.js
资产/ css / app.scss
1 2 3 4
/ /资产/ js / app.js需要(“. . / css / app.scss”);/ /……剩下的JavaScript代码在这里
app.scss
通过萨斯和一个很多更多。需要其他JavaScript文件。首先,创建一个导出函数的文件:
1 2 3 4
/ /资产/ js / greet.js模块. export =函数(的名字){返回“溜溜球${名称}-欢迎来到安可!`;};
我们将使用jQuery在页面上打印这条消息。安装方法:
1
$Yarn添加jquery
太棒了!使用要求()
进口jquery
而且greet.js
:
12 3 4 5 6 7 8 9 10 11 12
/ /资产/ js / app.js//从node_modules加载jquery包var$ =需要(jquery的);//从greet.js导入函数(.js扩展名是可选的)// ./(或../)表示查找本地文件var迎接=需要(”。/问候');$ (文档时(函数(){$ (“身体”) .prepend (“h1 > <”+问候(“约翰。”)+“< / h1 >”);});
就是这样!在构建资产时,jQuery和greet.js
将自动添加到输出文件(app.js
).对于像jQuery这样的常用库,您可能需要这样做创建共享条目为了更好的性能。
1 2 3 4
/ /资产/ js / greet.js模块. export =函数(的名字){返回“溜溜球${名称}-欢迎来到安可!`;};
1
$Yarn添加jquery
要求()
进口jquery
而且greet.js
:12 3 4 5 6 7 8 9 10 11 12
/ /资产/ js / app.js//从node_modules加载jquery包var$ =需要(jquery的);//从greet.js导入函数(.js扩展名是可选的)// ./(或../)表示查找本地文件var迎接=需要(”。/问候');$ (文档时(函数(){$ (“身体”) .prepend (“h1 > <”+问候(“约翰。”)+“< / h1 >”);});
greet.js
将自动添加到输出文件(app.js
).对于像jQuery这样的常用库,您可能需要这样做创建共享条目为了更好的性能。homepage.js
需要资产/ css / homepage.scss
),则会为每个文件生成两个文件:(例如:构建/ homepage.js
而且构建/ homepage.css
).返场榜单了解更多信息并添加新功能。
此工作,包括代码示例,是根据创作共用BY-SA 3.0许可证。