安装安可
编辑本页警告:您正在浏览的文档欧宝官网下载appob娱乐下载Symfony 4.3，现已不再维护。
读本页的更新版本用于Syob娱乐下载mfony 6.2(当前稳定版本)。
安装安可
首先，确保你安装node . js还有纱线包管理器．以下说明取决于您是否在Symfony应用程序中安装Encore。ob娱乐下载
在Symfony应用程序中安装Encoreob娱乐下载
运行这些命令在你的项目中安装PHP和JavaScript依赖项:
1 2
＄作曲家需要symfony/webpob娱乐下载ack-encore-bundle＄线安装如果你正在使用ob娱乐下载Symfony Flex，这将安装并启用WebpackEncoreBundle，创建资产/目录，添加webpack.config.js文件，并添加node_modules /来.gitignore．您可以跳过本文的其余部分，通过阅读本文来编写您的第一个JavaScript和CSS安可:设置你的项目！
如果不使用Symfony Flex，则需要ob娱乐下载按照下一节所示的说明自行创建所有这些目录和文件。
在非Symfony应用程序中安装Encoreob娱乐下载
通过Yarn将Encore安装到项目中:
1 2 3 4
＄纱线添加@symfoob娱乐下载ny/webpack-encore——dev如果你更喜欢npm，运行这个命令:# NPM安装@symfonyob娱乐下载/webpack-encore此命令创建(或修改)一个package.json文件并将依赖项下载到node_modules /目录中。Yarn还创建/更新了一个yarn.lock(称为package-lock.json如果你使用npm)。
提示
你应该提交package.json而且yarn.lock(或package-lock.json如果使用npm)进行版本控制，则忽略node_modules /．
创建webpack.config.js文件
接下来，创建一个newwebpack.config.js文件在您的项目的根。这是Webpack和Webpack Encore的主配置文件:
12 34 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43
var安可=需要（“@ob娱乐下载symfony / webpack-encore”）;再来一个//存放已编译资产的目录.setOutputPath (“公共/构建/”）// web服务器访问输出路径所使用的公共路径.setPublicPath (/构建的）//只需要CDN或子目录部署/ / .setManifestKeyPrefix(“构建/”)* *为你的应用程序的每个“页面”添加一个条目*(包括一个包含在每个页面上的条目-例如:* *每个条目将导致一个JavaScript文件(如app.js) *和一个CSS文件(如app. CSS)如果你的JavaScript导入CSS。* /.addEntry (“应用程序”，”。/资产/ js / app.js”）/ /。addEntry (' page 1 ', '。/资产/ js / page1.js ')/ /。所以page2 addEntry(' ', '。/资产/ js / page2.js ')//将需要一个额外的脚本标记runtime.js//但是，你可能需要这个，除非你正在构建一个单页应用程序.enableSingleRuntimeChunk() .cleanupOutputBeforeBuild() .enableSourceMaps(!Encore.isProduction())//启用散列文件名(例如app.abc123.css).enableVersioning (Encore.isProduction ())//如果使用TypeScript，则取消注释/ / .enableTypeScriptLoader ()//如果使用Sass/SCSS文件，则取消注释/ / .enableSassLoader ()//如果你在使用jQuery插件时遇到问题，就取消注释/ / .autoProvidejQuery ()；模块.exports = Encore.getWebpackConfig();接下来，创建一个new资产/ js / app.js文件和一些基本的JavaScript而且导入一些CSS:
1 2 3 4 5
/ /资产/ js / app.js需要（“. . / css / app.css”）;控制台. log (“你好Webpack Encore”）;而新的资产/ css / app.css文件:
1 2 3 4
/* assets/css/app.css */身体｛背景颜色:浅灰色;｝中，您将自定义并了解有关这些文件的更多信息安可:设置你的项目．
谨慎
一些文档将使用特定于Sy欧宝官网下载appmfony或Symfony的特性ob娱乐下载WebpackEncoreBundle．这些是可选的，并且是指向Encore生成的资产路径的特殊方式，从而支持诸如版本控制而且分割的块．
