私はというオープンソースライブラリ用のwebpack設定を実行しようとしています クイル、 これはWebpackをバンドルとして使用します。 webpack --config ./_develop/webpack.config.js configが実行しようとしている.jsファイルごとに次のエラーが表示されます。
ERROR in ./ui/tooltip.js
C:UsersrinktacularDocumentsProjectsQuilluitooltip.js
1:16 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
2:40 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
3:24 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
4:61 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
5:50 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
6:53 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
7:61 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
8:57 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
9:75 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
10:10 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
11:6 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
12:17 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
13:4 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
14:1 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
15:11 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
16:42 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
17:4 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
18:1 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
19:24 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
20:77 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
21:62 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
22:60 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
23:40 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
24:38 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
25:43 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
26:72 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
27:56 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
28:19 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
29:52 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
30:56 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
31:52 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
32:6 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
33:50 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
34:54 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
35:52 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
36:6 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
37:54 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
38:55 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
39:69 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
40:58 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
41:42 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
42:6 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
43:18 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
44:4 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
45:1 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
46:11 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
47:46 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
48:45 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
49:4 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
50:2 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
51:1 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
52:1 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
53:24 error Expected linebreaks to be "LF" but found "CRLF" linebreak-style
✖ 53 problems (53 errors, 0 warnings)
53 errors, 0 warnings potentially fixable with the `--fix` option.
@ ./quill.js 101:15-38
@ multi ./quill.js
これが設定です：
var path = require("path");
var pkg = require("../package.json");
var webpack = require("webpack");
var ExtractTextPlugin = require("extract-text-webpack-plugin");
var bannerPack = new webpack.BannerPlugin({
banner:
"Quill Editor v" + pkg.version + "n" +
"https://quilljs.com/n" +
"Copyright (c) 2014, Jason Chenn" +
"Copyright (c) 2013, salesforce.com",
entryOnly: true
});
var constantPack = new webpack.DefinePlugin({
QUILL_VERSION: JSON.stringify(pkg.version)
});
var source = [
"quill.js",
"core.js",
"blots",
"core",
"formats",
"modules",
"test",
"themes",
"ui"
].map(function(file) {
return path.resolve(__dirname, "..", file);
});
module.exports = function(env) {
let config = {
context: path.resolve(__dirname, ".."),
entry: {
"quill.js": ["./quill.js"],
"quill.core.js": ["./core.js"],
"quill.core": "./assets/core.styl",
"quill.bubble": "./assets/bubble.styl",
"quill.snow": "./assets/snow.styl",
"unit.js": "./test/unit.js"
},
output: {
filename: "[name]",
library: "Quill",
libraryExport: "default",
libraryTarget: "umd",
path: path.resolve(__dirname, "../dist/")
},
resolve: {
alias: {
"parchment": path.resolve(__dirname, "../node_modules/parchment/src/parchment")
},
extensions: [".js", ".styl", ".ts"]
},
module: {
rules: [{
test: /.js$/,
use: ["eslint-loader"],
include: source,
enforce: "pre"
}, {
test: /.ts$/,
use: [{
loader: "ts-loader",
options: {
compilerOptions: {
declaration: false,
target: "es5",
module: "commonjs"
},
transpileOnly: true
}
}]
}, {
test: /.styl$/,
include: [
path.resolve(__dirname, "../assets")
],
use: ExtractTextPlugin.extract({
fallback: "style-loader",
use: [
"css-loader",
"stylus-loader"
]
})
}, {
test: /.svg$/,
include: [
path.resolve(__dirname, "../assets/icons")
],
use: [{
loader: "html-loader",
options: {
minimize: true
}
}]
}, {
test: /.js$/,
include: source,
use: [{
loader: "babel-loader",
options: {
presets: ["es2015"]
}
}]
}],
noParse: [
//node_modules/clone/clone.js$/,
//node_modules/eventemitter3/index.js$/,
//node_modules/extend/index.js$/
]
},
plugins: [
bannerPack,
constantPack,
new ExtractTextPlugin({
filename: "[name].css",
allChunks: true
})
],
devServer: {
contentBase: path.resolve(__dirname, "../dist"),
hot: false,
port: process.env.npm_package_config_ports_webpack,
stats: "minimal",
disableHostCheck: true
}
};
if (env && env.dev) {
config.module.rules = config.module.rules.slice(1); // Remove linter
config.module.rules[3].use[0].options = {
plugins: ["transform-es2015-modules-commonjs"]
};
}
if (env && env.minimize) {
config.entry = {
"quill.min.js": "./quill.js"
};
config.plugins.push(
new webpack.optimize.UglifyJsPlugin({
sourceMap: true
})
);
config.devtool = "source-map";
}
if (env && env.coverage) {
config.module.rules[4].use[0].options = {
plugins: ["istanbul", "transform-es2015-modules-commonjs"]
};
}
return config;
};
これはすべてオープンソースであり、私は最後に変更を加えていないので、これは以下の手順に従った新鮮なインストールです。 地域開発。そのため、webpackの設定がどのように機能するのか、設定ファイルの何が問題なのか、それを変更するために何ができるのか、あまりわかりません。
回答：
回答№1は2あなたのウェブパックの中には、ローダを使用してjsファイルをロードしてください。このローダーは "eslint-loader"で、このローダーはあなたのjsファイルをリントするのに使われます。そして、これは改行が正しくないことをあなたに告げるこのローダーです。これを修正するには2つの方法があります。
- 正しい改行を使うエディタを使う
- .eslintc内のルールを削除または変更します。
LF（n）はLinuxで使用されているlinebreackであり、CRLFはwindowsで使用されている場合（rn）
この問題を解決するために "eslint --fix"を使うこともできます。
./node_modules/.bin/eslint --fix yourFileThatHaserrors
ただし、改行を変換するエディタを使用すると、ファイルを保存するたびに改行されます。
総括する：
- あなたの設定ファイルは良いです
- あなたの編集者は