录入模块:无法解析” ./assets/app.js'
问题描述:
我想使用的WebPack但我得到一个错误录入模块:无法解析” ./assets/app.js'
$ node_modules/.bin/webpack
Hash: d1aee5dc037997fae5a6
Version: webpack 3.4.1
Time: 31ms
ERROR in Entry module not found: Error: Can't resolve './assets/app.js' in 'D:\template\src'
这是使用的WebPack我的第一次。
这里是我的脚本
const path = require('path');
const webpack = require('webpack');
module.exports = {
context: path.resolve(__dirname, './src'),
entry: {
app: './assets/app.js',
},
output: {
path: path.resolve(__dirname, './node_modules'),
filename: '[name].bundle.js',
},
};
我的文件夹结构
我觉得我得到的错误这里 context: path.resolve(__dirname, './src'),
我只是不与我替换部分知道。
我已经看过这个https://webpack.github.io/docs/tutorials/getting-started
,并且已经尝试有关如何使用的WebPack与谷歌搜索。任何解决方案?
"devDependencies": {
"buefy": "",
"bulma": "",
"vue": "^2.1.10",
"webpack": "^3.4.1"
},
答
context
选项定义了用于解析webpack配置中的任何内容的基本目录。您正在使用./src/
作为基本目录,所以./assets/app.js
是src
目录内解决(这在技术上是./src/assets/app.js
)。
如果没有提供context
,的WebPack将使用当前目录,这是你想要的。您可以从您的配置中完全删除context
。您可能还想将该软件包输出到目录中,例如./dist
而不是./node_modules
。你的配置如下。
const path = require('path');
const webpack = require('webpack');
module.exports = {
entry: {
app: './assets/app.js',
},
output: {
path: path.resolve(__dirname, './dist'),
filename: '[name].bundle.js',
},
};
您正在寻找在的WebPack 1个文档,但你应该使用较新的文档,其中有显著更好:Webpack - Getting Started。