feat: custom assets directory

lib/builder/webpack/base.config.js

@@ -19,6 +19,12 @@ module.exports = function webpackBaseConfig({ name, isServer }) {
   // Prioritize nested node_modules in webpack search path (#2558)
   const webpackModulesDir = ['node_modules'].concat(this.options.modulesDir)
 
+  const assetsAlias = {}
+
+  // Used by vue-loader so we can use in templates
+  // with <img src="~/assets/nuxt.png"/>
+  assetsAlias[this.options.assetsDir] = join(this.options.srcDir, this.options.assetsDir)
+
   const config = {
     name,
     entry: {
@@ -39,16 +45,13 @@ module.exports = function webpackBaseConfig({ name, isServer }) {
     },
     resolve: {
       extensions: ['.js', '.json', '.vue', '.jsx'],
-      alias: {
+      alias: Object.assign({
         '~': join(this.options.srcDir),
         '~~': join(this.options.rootDir),
         '@': join(this.options.srcDir),
         '@@': join(this.options.rootDir),
-        // Used by vue-loader so we can use in templates
-        // with <img src="~/assets/nuxt.png"/>
-        assets: join(this.options.srcDir, 'assets'),
         static: join(this.options.srcDir, 'static')
-      },
+      }, assetsAlias),
       modules: webpackModulesDir
     },
     resolveLoader: {

lib/builder/webpack/style-loader.js

@@ -56,16 +56,18 @@ module.exports = function styleLoader(ext, loaders = [], isVueLoader = false) {
 
   // css-loader
   // https://github.com/webpack-contrib/css-loader
+  const assetsAlias = {}
+  assetsAlias[`/${this.options.assetsDir}`] = join(this.options.srcDir, this.options.assetsDir)
+
   loaders.unshift({
     loader: 'css-loader',
     options: {
       sourceMap,
       minimize: !this.options.dev,
       importLoaders: loaders.length, // Important!
-      alias: {
+      alias: Object.assign({
-        '/static': join(this.options.srcDir, 'static'),
+        '/static': join(this.options.srcDir, 'static')
-        '/assets': join(this.options.srcDir, 'assets')
+      }, assetsAlias)
-      }
     }
   })
 

lib/common/options.js

@@ -284,6 +284,7 @@ Options.defaults = {
     name: 'layout',
     mode: 'out-in'
   },
+  assetsDir: 'assets',
   pagesDir: 'pages',
   router: {
     mode: 'history',