配置vue-loader时候,npm run build 遇到这样问题,如下提示:
webpack vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin
解决方案是:
const path = require('path') //引入这个 const VueLoaderPlugin = require('vue-loader/lib/plugin') 然后在moudle.exports 的plugin加上plugin配置 module.exports = { entry: path.join(__dirname, './src/index.js'), output: { filename: 'bundle.js', path: path.join(__dirname, 'dist') }, plugins: [ // make sure to include the plugin for the magic new VueLoaderPlugin() ], module: { rules: [ { test: /\.vue$/, loader: 'vue-loader' }, { test: /\.css$/, use: [ 'css-loader', 'style-loader' ] }, { test: /\.vue$/, loader: 'vue-loader' }, { test: /\.(gif|jpg|jpeg|png|svg)$/, use: [ { loader: 'url-loader', options: { limit: 1024, name: '[name]-aaa.[ext]' } } ] } ] } }
css-loader 问题,提示代码:
ERROR in ./src/assets/styles/test.css
Module build failed: Unknown word (5:1)
```![这里写图片描述](https://img-blog.csdn.net/20180825205612213?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpbGFueW91bWVuZzM=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
解决方案如下:
<div class="se-preview-section-delimiter"></div>
{ test: /.css$/, loader: ‘style-loader!css-loader’ } “` { test: /\.css$/, loader: 'style-loader!css-loader' }
安装stylus-loader 之后,npm run build 遇到问题
ERROR in ./node_modules/css-loader!./src/assets/styles/test-stylus.styl Module build failed: Unknown word (1:1)
解决方案:
{ test: /\.styl$/, use: [ 'style-loader', { loader: 'css-loader', options: { importLoaders: 1 } }, 'stylus-loader' ] }
————————————————
智一面|前端面试必备练习题