我正在使用webpack(不是dev-server,我知道它不会输出文件),并且它没有创建dist文件夹或输出文件。
我试过直接通过webpack
(全局安装)和使用本地安装的webpack的npm run build
运行它。都不起作用。
这是我的配置:
const path = require('path');
module.exports = {
entry: {
app: './src/entry.js',
},
output: {
path: path.join('/dist'),
filename: '[name].bundle.js',
},
module: {
loaders: [
{
test: /\.tsx?$/,
loader: 'ts-loader',
},
{
test: /\.js$/,
exclude: /node_modules/,
loaders: ['ng-annotate'],
},
{
test: /\.js$/,
exclude: /(node_modules)/,
loader: 'babel', // 'babel-loader' is also a legal name to reference
query: {
presets: ['es2015', 'latest'],
},
},
{
test: /\.css$/,
loader: 'style-loader!css-loader',
},
{
test: /\.html$/,
loader: 'html',
},
{
test: /\.less$/,
loader: 'style!css!less',
},
],
},
resolve: {
extensions: ['', '.webpack.js', '.web.js', '.ts', '.tsx', '.js'],
root: [
path.resolve('./src'),
path.resolve('./node_modules'),
],
alias: {
vendor: path.join('/node_modules'),
},
fallback: ['node_modules'],
},
};
我试图通过手动创建dist文件夹来解决此问题,但这也不起作用,仍然无法创建该文件。
奇怪的是,它之前已DID构建文件,但现在已停止。我在任何时候都没有更改输出位置或入口文件。
有什么建议么?
最佳答案
您的webpack输出路径是绝对的:
output: {
path: path.join('/dist'), <----
filename: '[name].bundle.js',
},
我的猜测是它在您的根目录中生成。
/dist
表示从文件系统的根目录开始,而不是相对于项目目录。它应该是:
output: {
path: path.join('./dist'),
filename: '[name].bundle.js',
},
关于javascript - Webpack不创建输出文件(不使用webpack-dev-server),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/39808410/